@import url('/motion.css');

/* Webrise Global brand override — black & white instead of Crafto's default blue */
:root {
  --base-color: #0A0A0A;
  --base-color-rgb: 10, 10, 10;
}

/* Real hover behavior for case study cards (Selected Work section) */
.case-study-card-hover img,
.case-study-card-hover { transition: transform 0.35s ease, box-shadow 0.35s ease; }
.case-study-card-hover:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0,0,0,0.25); }

/* Light cards (country/city pages) */
.case-study-card-hover-light { transition: transform .3s ease, box-shadow .3s ease; }
.case-study-card-hover-light:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }

/* Primary buttons on dark sections: white pill, dark text (dark-on-dark was invisible) */
.bg-dark-gray .btn.btn-dark-gray, .cover-background .btn.btn-dark-gray { background:#fff; border-color:#fff; color:#0A0A0A; }
.bg-dark-gray .btn.btn-dark-gray i, .cover-background .btn.btn-dark-gray i,
.bg-dark-gray .btn.btn-dark-gray span, .cover-background .btn.btn-dark-gray span { color:#0A0A0A; }
.bg-dark-gray .btn.btn-dark-gray:hover, .cover-background .btn.btn-dark-gray:hover { background:#e9e9e9; border-color:#e9e9e9; color:#0A0A0A; }
/* sensible width for hero buttons on phones */
@media (max-width:575px){ .bg-dark-gray .btn.btn-extra-large, .cover-background .btn.btn-extra-large { width:100%; justify-content:center; } }
.bg-white-transparent { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.18); }
/* Accordion: black & white instead of Crafto blue */
.accordion-style-01 .accordion-button:not(.collapsed), .accordion-button:not(.collapsed) { background:#f2f2f2 !important; color:#0A0A0A !important; box-shadow:none; }
.accordion-button:focus { box-shadow:0 0 0 2px #0A0A0A33; border-color:#0A0A0A; }