/* One action-button design across the theme; component behavior stays intact. */
:root{--alif-button-border:#dbe3eb;--alif-button-text:#334155;--alif-button-hover-bg:#eff6ff;--alif-button-hover-border:#b5c8e3;--alif-button-hover-text:#1d4ed8;--alif-button-radius:10px}
body :is(.btn,.site-header a.btn,.case-card-action,.about-button,.filter-btn,.wp-element-button,.wp-block-button__link,input[type="submit"],input[type="button"],button[type="submit"],.blog-share-actions a,.blog-share-actions button){align-items:center;justify-content:center;gap:12px;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid var(--alif-button-border);border-radius:var(--alif-button-radius);background:transparent;background-image:none;color:var(--alif-button-text);font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none;cursor:pointer;transition:background .18s,border-color .18s,color .18s;transform:none}
body :is(.btn,.site-header a.btn,.case-card-action,.about-button,.filter-btn,.wp-element-button,.wp-block-button__link,input[type="submit"],input[type="button"],button[type="submit"],.blog-share-actions a,.blog-share-actions button):hover{background:var(--alif-button-hover-bg);border-color:var(--alif-button-hover-border);color:var(--alif-button-hover-text)!important;box-shadow:none;transform:none}
body :is(.btn,.site-header a.btn,.case-card-action,.about-button,.filter-btn,.wp-element-button,.wp-block-button__link,input[type="submit"],input[type="button"],button[type="submit"],.blog-share-actions a,.blog-share-actions button):focus-visible{outline:2px solid #2563eb;outline-offset:3px;color:var(--alif-button-hover-text)!important}
body :is(.filter-btn.active,.portfolio-filter .filter-btn.active){background:var(--alif-button-hover-bg);border-color:var(--alif-button-hover-border);color:var(--alif-button-hover-text)}
body .about-button::before{display:none}
/* Compact controls share the palette and outline but retain their dimensions. */
body :is(.home-slider-controls button,.case-metrics-nav button,.certificate-modal-bar button){border:1px solid var(--alif-button-border);border-radius:var(--alif-button-radius);background:#fff;color:var(--alif-button-text);box-shadow:none}
body :is(.home-slider-controls button,.case-metrics-nav button,.certificate-modal-bar button):hover{border-color:var(--alif-button-hover-border);background:var(--alif-button-hover-bg);color:var(--alif-button-hover-text);box-shadow:none}
body :is(.home-slider-controls button,.case-metrics-nav button,.certificate-modal-bar button):focus-visible{outline:2px solid #2563eb;outline-offset:3px}
body .alif-wa-button:focus-visible{outline:2px solid #15803d;outline-offset:3px}
body :is(.btn,.case-card-action,input[type="submit"],button[type="submit"]):disabled,body :is(.btn,.case-card-action)[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){body :is(.btn,.case-card-action,.about-button,.filter-btn,.wp-element-button,.wp-block-button__link,input[type="submit"],input[type="button"],button[type="submit"],.blog-share-actions a,.blog-share-actions button){transition:none}}
body .about-work-step{border-color:var(--alif-button-border);border-radius:var(--alif-button-radius);background:transparent;color:var(--alif-button-text)}
body .about-work-step:hover,body .about-work-step[aria-selected="true"]{border-color:var(--alif-button-hover-border);background:var(--alif-button-hover-bg);color:var(--alif-button-hover-text);transform:none}
body :is(.alif-listing-pagination a,.alif-pagination a,.brand-pagination a){border:1px solid var(--alif-button-border);border-radius:var(--alif-button-radius);color:var(--alif-button-text);background:transparent}
body :is(.alif-listing-pagination a,.alif-pagination a,.brand-pagination a):hover{border-color:var(--alif-button-hover-border);background:var(--alif-button-hover-bg);color:var(--alif-button-hover-text)}
body :is(.alif-listing-pagination .current,.alif-pagination .page-numbers.current,.brand-pagination .current){border-color:var(--alif-button-hover-border);background:var(--alif-button-hover-bg);color:var(--alif-button-hover-text);font-weight:700}
/* Homepage actions: solid portfolio link and a left-to-right contact fill. */
body .hero-buttons a.btn.home-portfolio-button,
body .hero-buttons a.btn.home-portfolio-button:is(:hover,:focus-visible){background:#2563eb;border-color:#2563eb;color:#fff!important}
body .cta-box a.btn.home-contact-button{position:relative;isolation:isolate;overflow:hidden;background:transparent}
body .cta-box a.btn.home-contact-button::before{content:"";position:absolute;inset:0;z-index:-1;background:#2563eb;transform:scaleX(0);transform-origin:left center;transition:transform .35s ease}
body .cta-box a.btn.home-contact-button:is(:hover,:focus-visible){background:transparent;border-color:#2563eb;color:#fff!important}
body .cta-box a.btn.home-contact-button:is(:hover,:focus-visible)::before{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){body .cta-box a.btn.home-contact-button::before{transition:none}}

/* Keep the header contact action solid and restore the WhatsApp brand styling. */
body .site-header a.btn.nav-cta,
body .site-header a.btn.nav-cta:is(:hover,:focus-visible){background:#2563eb;border-color:#2563eb;color:#fff!important}
