/*
Theme Name: Asiaconsult
Theme URI: https://www.asiaconsult.id
Author: Asiaconsult
Description: Corporate transformation consultancy — block theme, fully editable via the Site Editor.
Version: 2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: asiaconsult
*/

@font-face{
  font-family:'Latin Modern Math';
  src:url('assets/fonts/latinmodern-math.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

body{ -webkit-font-smoothing:antialiased; }

/* ---------- Eyebrow label ---------- */
.eyebrow{
  font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:#164C82;font-weight:700;display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;display:inline-block;}
.eyebrow.on-dark{color:#8FB4D9;}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.96);border-bottom:1px solid #DCE4EC;backdrop-filter:blur(6px);}
.site-header img{height:50px;width:auto;max-width:none;object-fit:contain;}
.footer-logo img{filter:brightness(0) invert(1);opacity:.85;}
.site-header .wp-block-navigation-link a{font-size:14px;color:#5B6B7A;}
.site-header .wp-block-navigation-link a:hover{color:#164C82;}

.lang-switch{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.03em;}
.lang-switch a,.lang-switch .lang-current{color:#5B6B7A;text-decoration:none;}
.lang-switch a:hover{color:#164C82;}
.lang-switch .lang-current{color:#164C82;border-bottom:1.5px solid #164C82;}

/* ---------- Buttons ---------- */
.wp-block-button.is-style-outline-white .wp-block-button__link{
  border:1px solid rgba(255,255,255,0.5)!important;color:#fff!important;background:transparent!important;
}
.wp-block-button.is-style-outline-white .wp-block-button__link:hover{background:rgba(255,255,255,0.12)!important;}
.wp-block-button.is-style-ghost .wp-block-button__link{
  border:1px solid #DCE4EC!important;color:#1B2733!important;background:transparent!important;
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover{border-color:#164C82!important;color:#164C82!important;}

/* ---------- Cards (services / case studies / testimonials / team) ---------- */
.card-grid > .wp-block-column{
  background:#fff;border:1px solid #DCE4EC;padding:34px 28px;
}
.card-grid.no-gap{gap:1px!important;background:#DCE4EC;}
.card-idx{font-family:var(--wp--preset--font-family--heading);font-size:13px;color:#164C82;font-weight:600;margin-bottom:18px;}

.testi-card{background:#fff;padding:44px;border:1px solid #DCE4EC;}
.testi-mark{font-family:var(--wp--preset--font-family--heading);font-size:48px;color:#164C82;opacity:.35;line-height:1;}

.avatar{width:40px;height:40px;border-radius:50%;background:#EFF4F8;display:flex;align-items:center;justify-content:center;font-family:var(--wp--preset--font-family--heading);color:#164C82;font-weight:600;font-size:13px;}

.team-photo img{border-radius:2px;object-fit:cover;filter:grayscale(15%);}

/* ---------- Track record band ---------- */
.track-band{background:#103457;}
.track-band .eyebrow{color:#8FB4D9;}
.track-name{font-family:var(--wp--preset--font-family--heading);font-size:24px;color:#fff;font-weight:600;}
.track-tag{font-size:11px;color:#8FB4D9;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;}

/* ---------- Forms ---------- */
.ac-form .field{margin-bottom:18px;}
.ac-form label{display:block;font-size:12.5px;font-weight:700;color:#103457;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;}
.ac-form input,.ac-form textarea{
  width:100%;border:1px solid #DCE4EC;border-radius:2px;padding:12px 14px;
  font-family:inherit;font-size:15px;color:#1B2733;background:#fff;outline:none;
}
.ac-form input:focus,.ac-form textarea:focus{border-color:#164C82;}
.ac-form textarea{min-height:120px;resize:vertical;}
.ac-form button{background:#164C82;color:#fff;border:none;padding:12px 28px;font-size:14px;font-family:inherit;cursor:pointer;border-radius:2px;}
.ac-form button:hover{background:#103457;}
.ac-form-success{background:#EFF4F8;border-left:3px solid #164C82;padding:14px 18px;font-size:14px;color:#103457;margin-bottom:20px;}

.newsletter-form{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:12px;}
.newsletter-form input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px;font-family:inherit;padding:6px 0;}
.newsletter-form input::placeholder{color:#9FBEDA;}
.newsletter-form button{background:none;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}

/* ---------- Dot motif ---------- */
.dot-corner{position:relative;overflow:hidden;}
.dot-corner::after{
  content:"";position:absolute;right:-40px;top:-40px;width:300px;height:300px;
  background-image:radial-gradient(circle, rgba(239,244,248,0.16) 1.5px, transparent 1.5px);
  background-size:16px 16px;transform:rotate(8deg);pointer-events:none;
}

@media(max-width:782px){
  .site-header .wp-block-navigation{display:none;}
}