/* ============================================================
   LOUIE DESIGN · PC CTA CONTROL SYSTEM v1
   Stage 11-4
   Scope: public PC button/CTA dimensions, radii and emphasis only.
   - No typography changes
   - No section/card/image/layout changes
   - No header/QR/footer rules
   - Loaded only for min-width: 901px
   ============================================================ */

:root{
  --ld-pc-ctl-h-compact:34px;
  --ld-pc-ctl-h-standard:42px;
  --ld-pc-ctl-h-primary:50px;
  --ld-pc-ctl-h-feature:54px;
  --ld-pc-ctl-radius:10px;
  --ld-pc-ctl-radius-feature:12px;
  --ld-pc-ctl-pill:999px;
  --ld-pc-ctl-focus:#f2cd6e;
  --ld-pc-ctl-gold:#e1b64d;
  --ld-pc-ctl-gold-soft:rgba(225,182,77,.32);
}

/* 01. Country home hero: standard pill controls. */
body.country-index-pc-page .country-hero__actions .btn{
  box-sizing:border-box;
  min-height:var(--ld-pc-ctl-h-standard)!important;
  padding:0 18px!important;
  border-radius:var(--ld-pc-ctl-pill)!important;
}
body.country-index-pc-page .country-hero__actions .btn--primary{
  box-shadow:0 8px 22px rgba(211,167,65,.13),inset 0 1px 0 rgba(255,255,255,.16);
}
body.country-index-pc-page .country-hero__actions .btn--ghost{
  border-color:rgba(221,181,78,.28);
  background:rgba(7,8,8,.90);
  box-shadow:none;
}

/* 02. Inquiry: main conversion CTA. */
body.inquiry-page .inquiry-primary{
  box-sizing:border-box;
  min-height:var(--ld-pc-ctl-h-primary);
  padding-inline:20px;
  border-radius:var(--ld-pc-ctl-radius);
  box-shadow:0 9px 24px rgba(201,150,49,.13),inset 0 1px 0 rgba(255,255,255,.16);
}

/* 03. WHY LOUIE: final conversion CTA. Existing layout uses !important. */
body.whyx-page .whyx-final__cta > a{
  box-sizing:border-box;
  min-height:var(--ld-pc-ctl-h-feature)!important;
  padding-inline:20px!important;
  border-radius:var(--ld-pc-ctl-radius)!important;
}

/* 04. Additional services: two-line final CTA keeps feature height. */
:is(body.services-page--th,body.services-page--vi,body.services-page--ko) .services-cta__button{
  box-sizing:border-box;
  min-height:64px!important;
  max-height:none!important;
  padding:9px 14px!important;
  border-radius:var(--ld-pc-ctl-radius)!important;
  box-shadow:0 9px 24px rgba(214,167,72,.13),inset 0 1px 0 rgba(255,255,255,.17);
}

/* 05. Price page: compact tertiary portfolio links. */
body.pricex-page .pricex-category > header > a{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--ld-pc-ctl-h-compact);
  padding:0 13px;
  border-radius:var(--ld-pc-ctl-pill);
}

/* 06. Portfolio detail: standard secondary + accent pair. */
body.portfolio-show-pc-page .sample-show__bottom a{
  box-sizing:border-box;
  min-height:var(--ld-pc-ctl-h-standard);
  padding:0 17px;
  border-radius:var(--ld-pc-ctl-pill);
}
body.portfolio-show-pc-page .sample-show__bottom a:first-child{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.018);
}
body.portfolio-show-pc-page .sample-show__bottom a:last-child{
  border-color:rgba(225,182,77,.44);
  background:linear-gradient(180deg,rgba(225,182,77,.105),rgba(225,182,77,.035));
}

/* 07. One interaction language across button-like CTAs. */
:is(
  body.country-index-pc-page .country-hero__actions .btn,
  body.inquiry-page .inquiry-primary,
  body.whyx-page .whyx-final__cta > a,
  body.services-page--th .services-cta__button,
  body.services-page--vi .services-cta__button,
  body.services-page--ko .services-cta__button,
  body.pricex-page .pricex-category > header > a,
  body.portfolio-show-pc-page .sample-show__bottom a
){
  outline:0;
  transition:transform .16s ease,filter .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}

@media (hover:hover) and (pointer:fine){
  :is(
    body.country-index-pc-page .country-hero__actions .btn,
    body.inquiry-page .inquiry-primary,
    body.whyx-page .whyx-final__cta > a,
    body.services-page--th .services-cta__button,
    body.services-page--vi .services-cta__button,
    body.services-page--ko .services-cta__button,
    body.portfolio-show-pc-page .sample-show__bottom a
  ):hover{
    transform:translateY(-1px);
  }

  body.pricex-page .pricex-category > header > a:hover{
    transform:none;
  }
}

:is(
  body.country-index-pc-page .country-hero__actions .btn,
  body.inquiry-page .inquiry-primary,
  body.whyx-page .whyx-final__cta > a,
  body.services-page--th .services-cta__button,
  body.services-page--vi .services-cta__button,
  body.services-page--ko .services-cta__button,
  body.pricex-page .pricex-category > header > a,
  body.portfolio-show-pc-page .sample-show__bottom a
):active{
  transform:translateY(0)!important;
  filter:brightness(.985);
}

:is(
  body.country-index-pc-page .country-hero__actions .btn,
  body.inquiry-page .inquiry-primary,
  body.whyx-page .whyx-final__cta > a,
  body.services-page--th .services-cta__button,
  body.services-page--vi .services-cta__button,
  body.services-page--ko .services-cta__button,
  body.pricex-page .pricex-category > header > a,
  body.portfolio-show-pc-page .sample-show__bottom a
):focus-visible{
  outline:2px solid var(--ld-pc-ctl-focus)!important;
  outline-offset:3px!important;
}

/* Compact PC: preserve the same control system without inflating widths. */
@media (min-width:901px) and (max-width:1180px){
  body.country-index-pc-page .country-hero__actions .btn{
    min-height:40px!important;
    padding-inline:16px!important;
  }
  body.inquiry-page .inquiry-primary{
    min-height:48px;
    padding-inline:18px;
  }
  body.whyx-page .whyx-final__cta > a{
    min-height:50px!important;
    padding-inline:18px!important;
  }
  :is(body.services-page--th,body.services-page--vi,body.services-page--ko) .services-cta__button{
    min-height:60px!important;
    padding-inline:12px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  :is(
    body.country-index-pc-page .country-hero__actions .btn,
    body.inquiry-page .inquiry-primary,
    body.whyx-page .whyx-final__cta > a,
    body.services-page--th .services-cta__button,
    body.services-page--vi .services-cta__button,
    body.services-page--ko .services-cta__button,
    body.pricex-page .pricex-category > header > a,
    body.portfolio-show-pc-page .sample-show__bottom a
  ){
    transition:none!important;
  }
  :is(
    body.country-index-pc-page .country-hero__actions .btn,
    body.inquiry-page .inquiry-primary,
    body.whyx-page .whyx-final__cta > a,
    body.services-page--th .services-cta__button,
    body.services-page--vi .services-cta__button,
    body.services-page--ko .services-cta__button,
    body.portfolio-show-pc-page .sample-show__bottom a
  ):hover{
    transform:none!important;
  }
}