/* AK Production | Deep Glass Buttons v3.0
   Surgical visual override: no components or interactions changed.
   Primary = the exact brand Crimson #a11f2b, Secondary = smoked glass.
   Load LAST in <head>, after previous premium/liquid-glass CSS. */
:root{--ak-depth-red:#a11f2b;--ak-depth-red-deep:#7f1721;--ak-depth-ivory:#ece7df}

/* Use the exact live CTA classes. No changes to carousel slides, navigation or layout. */
:is(.header .header-cta,
  .hero .hero-buttons .button,
  .contact .contact-links .button,
  .akc-services .akc-cta,
  .akc-services .akc-panel-primary,
  .akc-services .akc-more,
  .akc-services .akc-brief-contact,
  .ak-services .ak-services-cta,
  .ak-services .ak-service-cta,
  .ak-services .ak-service-more,
  .ak-services .ak-service-button,
  a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
  a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary){
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box;
  overflow:hidden!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:16px!important;
  color:var(--ak-depth-ivory)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.07) 37%,rgba(255,255,255,0) 65%),
    rgba(23,24,28,.64)!important;
  -webkit-backdrop-filter:blur(15px) saturate(145%)!important;
  backdrop-filter:blur(15px) saturate(145%)!important;
  box-shadow:
    0 12px 24px -7px rgba(0,0,0,.48),
    0 3px 7px rgba(0,0,0,.15),
    inset 0 2px 1px rgba(255,255,255,.29),
    inset 1px 0 1px rgba(255,255,255,.12),
    inset 0 -7px 15px rgba(0,0,0,.18)!important;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(0,0,0,.13)!important;
  -webkit-tap-highlight-color:transparent;
  filter:none!important;
  transition:transform .28s ease, box-shadow .3s ease, border-color .3s ease,background .3s ease!important;
}

/* ALWAYS crimson: header CTA, hero contact, all contact and service launch/brief CTAs. */
:is(.header .header-cta,
  .hero .hero-buttons .button-accent,
  .contact .contact-links .button-accent,
  .akc-services .akc-cta,
  .akc-services .akc-panel-primary,
  .ak-services .ak-services-cta,
  .ak-services .ak-service-cta,
  a.btn--primary,button.btn--primary,a.btn-primary,button.btn-primary){
  background:
    linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.035) 37%,rgba(0,0,0,.20) 100%),
    linear-gradient(180deg,var(--ak-depth-red) 0%,var(--ak-depth-red) 51%,var(--ak-depth-red-deep) 100%)!important;
  border-color:rgba(255,255,255,.40)!important;
  box-shadow:
    0 17px 30px -11px rgba(65,3,12,.68),
    0 4px 11px rgba(48,0,8,.27),
    0 0 20px rgba(161,31,43,.16),
    inset 0 2px 1px rgba(255,255,255,.36),
    inset 1px 0 1px rgba(255,255,255,.13),
    inset 0 -7px 12px rgba(43,0,7,.28)!important;
}

/* Translucent: watch showreel, more details, optional WhatsApp button. */
:is(.hero .hero-buttons .button-outline,
  .contact .contact-links .button-outline,
  .akc-services .akc-more,
  .akc-services .akc-brief-contact,
  .ak-services .ak-service-more,
  .ak-services .ak-service-button,
  a.btn--ghost,button.btn--ghost,a.btn-secondary,button.btn-secondary){
  background:
    linear-gradient(180deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.04) 47%,rgba(255,255,255,0) 78%),
    rgba(23,24,28,.54)!important;
  border-color:rgba(255,255,255,.29)!important;
  box-shadow:
    0 11px 24px -7px rgba(0,0,0,.45),
    inset 0 2px 1px rgba(255,255,255,.32),
    inset 1px 0 1px rgba(255,255,255,.12),
    inset 0 -6px 11px rgba(0,0,0,.13)!important;
}

/* Curved reflection at upper edge — glass dome, not a thick white stripe. */
:is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
  .akc-services .akc-cta,.akc-services .akc-panel-primary,
  .akc-services .akc-more,.akc-services .akc-brief-contact,
  .ak-services .ak-services-cta,.ak-services .ak-service-cta,
  .ak-services .ak-service-more,.ak-services .ak-service-button,
  a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
  a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary)::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:1px 2px auto 2px!important;
  width:auto!important;
  height:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.065) 35%,transparent)!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
/* One white sweep only on hover (never flashing continuously). */
:is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
  .akc-services .akc-cta,.akc-services .akc-panel-primary,
  .akc-services .akc-more,.akc-services .akc-brief-contact,
  .ak-services .ak-services-cta,.ak-services .ak-service-cta,
  .ak-services .ak-service-more,.ak-services .ak-service-button,
  a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
  a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary)::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:-55% auto -55% -60%!important;
  width:32%!important;
  height:auto!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.21),transparent)!important;
  border:0!important;
  opacity:0!important;
  border-radius:0!important;
  transform:skewX(-21deg)!important;
  transition:transform .82s cubic-bezier(.22,.61,.36,1),opacity .24s ease!important;
  pointer-events:none!important;
  z-index:1!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Slightly higher elevation on hover, preserving the lower inner shadow. */
@media (hover:hover) and (pointer:fine){
  :is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,
    .akc-services .akc-more,.akc-services .akc-brief-contact,
    .ak-services .ak-services-cta,.ak-services .ak-service-cta,
    .ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
    a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary):hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,255,255,.55)!important;
  }
  :is(.header .header-cta,.hero .hero-buttons .button-accent,.contact .contact-links .button-accent,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,
    .ak-services .ak-services-cta,.ak-services .ak-service-cta,
    a.btn--primary,button.btn--primary,a.btn-primary,button.btn-primary):hover{
    box-shadow:
      0 19px 33px -10px rgba(65,3,12,.70),
      0 0 24px rgba(161,31,43,.22),
      inset 0 2px 1px rgba(255,255,255,.41),
      inset 0 -7px 12px rgba(43,0,7,.29)!important;
  }
  :is(.hero .hero-buttons .button-outline,.contact .contact-links .button-outline,
    .akc-services .akc-more,.akc-services .akc-brief-contact,
    .ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--ghost,button.btn--ghost,a.btn-secondary,button.btn-secondary):hover{
    box-shadow:
      0 15px 30px -8px rgba(0,0,0,.55),
      inset 0 2px 1px rgba(255,255,255,.39),
      inset 0 -6px 11px rgba(0,0,0,.17)!important;
  }
  :is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,
    .akc-services .akc-more,.akc-services .akc-brief-contact,
    .ak-services .ak-services-cta,.ak-services .ak-service-cta,
    .ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
    a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary):hover::after{
    opacity:1!important;transform:skewX(-21deg) translateX(710%)!important;
  }
}
:is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,.akc-services .akc-more,
    .akc-services .akc-brief-contact,.ak-services .ak-services-cta,
    .ak-services .ak-service-cta,.ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
    a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary):focus-visible{
  outline:2px solid #ece7df!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
  :is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,.akc-services .akc-more,
    .akc-services .akc-brief-contact,.ak-services .ak-services-cta,
    .ak-services .ak-service-cta,.ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
    a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary),
  :is(.header .header-cta,.hero .hero-buttons .button,.contact .contact-links .button,
    .akc-services .akc-cta,.akc-services .akc-panel-primary,.akc-services .akc-more,
    .akc-services .akc-brief-contact,.ak-services .ak-services-cta,
    .ak-services .ak-service-cta,.ak-services .ak-service-more,.ak-services .ak-service-button,
    a.btn--primary,button.btn--primary,a.btn--ghost,button.btn--ghost,
    a.btn-primary,button.btn-primary,a.btn-secondary,button.btn-secondary)::after{
    transition:none!important;
  }
}