/*
Theme Name: Amer Chamber of Commerce
Theme URI: https://amerchamber.co.in
Author: Amer Chamber of Commerce
Description: Custom theme for the Amer Chamber of Commerce.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: amer-chamber
*/

html,body{margin:0;background:#F4F0E8;color:#1C1F2A;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:#1C1F2A}a:hover{color:#B5532F}
::selection{background:#B5532F;color:#fff}
img{max-width:none}
input:focus,textarea:focus{outline:none;border-color:#1C1F2A !important;background:#FFFFFF !important}
[data-rail]::-webkit-scrollbar{display:none}
.acc-nav{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;background:rgba(28,31,42,.62);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid rgba(255,255,255,.08);font-family:'Hanken Grotesk',sans-serif}
.acc-nav .in{max-width:1240px;margin:0 auto;height:100%;padding:0 28px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px}
.acc-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff!important;flex:none}
.acc-brand b{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;line-height:1;display:block}
.acc-brand small{font-size:11px;letter-spacing:.14em;opacity:.65;line-height:1;display:block;margin-top:3px}
.acc-links{display:flex;align-items:center;gap:30px}
.acc-links a{position:relative;color:#fff;text-decoration:none;font-size:14px;opacity:.86;white-space:nowrap;padding:8px 0}
.acc-links a:hover{opacity:1;color:#fff}
.acc-links a.on::after{content:"";position:absolute;left:50%;bottom:-2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#B5532F}
.acc-join{flex:none;background:#fff;color:#1C1F2A!important;text-decoration:none;font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;font-family:'Hanken Grotesk',sans-serif}
.acc-join:hover{background:#E8D3B0}
.acc-links a.acc-join{padding:9px 18px;opacity:1}

.acc-mob,.acc-tabs{display:none}
@media (max-width:759px){
.acc-nav{display:none}
.acc-mob{display:block;position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top);background:rgba(28,31,42,.7);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.acc-mob .in{height:54px;padding:0 16px 0 18px;display:flex;align-items:center;justify-content:space-between}
.acc-mob .acc-brand b{font-size:15px}
.acc-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;height:64px;border-radius:22px;background:rgba(28,31,42,.78);backdrop-filter:saturate(1.8) blur(22px);-webkit-backdrop-filter:saturate(1.8) blur(22px);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.25);font-family:'Hanken Grotesk',sans-serif}
.acc-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:rgba(255,255,255,.62);font-size:10.5px;font-weight:600}
.acc-tabs a.on{color:#E8D3B0}
.acc-tabs a:active{transform:scale(.9)}
}
/* interaction states */
.x1:hover{background:#9E4626 !important;color:#FFFFFF !important}
.x2:active{transform:scale(.96) !important}
.x3:hover{background:rgba(255,255,255,.12) !important;color:#FFFFFF !important}
.x4:hover{background:rgba(244,240,232,.1) !important}
.x5:hover{color:#B5532F !important;border-color:#B5532F !important}
.x6:hover{transform:translateY(-6px) !important;box-shadow:0 24px 48px rgba(28,31,42,.14) !important;color:#F4F0E8 !important}
.x7:active{transform:scale(.98) !important}
.x8:hover{transform:translateY(-6px) !important;box-shadow:0 24px 48px rgba(28,31,42,.14) !important;color:#1C1F2A !important}
.x9:hover{transform:translateY(-6px) !important;box-shadow:0 24px 48px rgba(28,31,42,.14) !important;color:#FFFFFF !important}
.x10:hover{background:#E8D3B0 !important;color:#1C1F2A !important}
.x11:hover{padding-left:20px !important;color:#B5532F !important}
.x12:hover{background:#9E4626 !important}
.x13:hover{color:#E8D3B0 !important}

/* About: Goonj emblem — dot lines up with the first line of the 01–03 subtext */
@media (min-width:1000px){.acc-goonj-grid{grid-template-columns:min(560px,38vh) minmax(0,560px) !important;justify-content:center;column-gap:clamp(120px,10vw,200px) !important}.acc-goonj-text{align-self:start}.acc-goonj-svg{align-self:start;margin-top:calc(52px + 1.06 * clamp(30px,4.2vw,64px) + .775 * clamp(15px,1.3vw,18px) - .5242 * min(560px,38vh))}}
@media (max-width:999px){.acc-goonj-grid{padding-top:calc(var(--top,64px) + max(80px, calc(50svh - 212px - .98 * clamp(38px,7vw,108px)))) !important}.acc-goonj-svg{width:min(100%,560px,22vh) !important}}
/* Membership testimonial: one role per line on phones */
@media (max-width:759px){.acc-roles>span{display:block}.acc-roles .acc-sep{display:none}}
/* About: Goonj panel on phones: room for the ring above the text, less navy below the line */
@media (max-width:999px){.acc-goonj-grid{row-gap:clamp(40px,8vh,72px) !important;padding-bottom:24px !important}.acc-goonj-text>div[style*="min-height"]{min-height:140px !important}}