/*
Theme Name: ACU
Theme URI: https://acu.cn.ua
Author: ГО «Активне Суспільство України»
Author URI: https://acu.cn.ua
Description: Тема сайту ГО «Активне Суспільство України» — 1:1 відтворення дизайн-хендоффа design_handoff_acu_site.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: acu
*/

/* ===== Глобальні стилі з дизайну (ACU.dc.html <style>) — не змінювати без звірки з макетом ===== */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#FFFFFF;}
a{text-decoration:none;color:inherit;}
.navlink{position:relative;color:#57544F;font:600 14px/1 'Manrope',sans-serif;padding:6px 0;cursor:pointer;transition:color .15s ease;}
.navlink:hover{color:#2B2A29;}
.navlink.active{color:#2B2A29;}
.navlink.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#FF9100;border-radius:10px;}
.btn{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 'Manrope',sans-serif;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease;border:none;}
.h-display{font-family:'Unbounded',sans-serif;letter-spacing:-.01em;}
.btn:hover{opacity:.93;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:#FF9100;color:#2B2A29;padding:14px 22px;font-weight:700;}
.btn-primary:hover{background:#2B2A29;color:#fff;opacity:1;}
.btn-ghost{background:transparent;color:#2B2A29;padding:13px 21px;border:1.5px solid #2B2A29;}
.btn-ghost:hover{background:#2B2A29;color:#fff;opacity:1;}
.btn-navy{background:#2B2A29;color:#fff;padding:14px 22px;}
.btn-navy:hover{background:#FF9100;color:#2B2A29;opacity:1;}
.card{background:#fff;border:1px solid #E8E6E1;border-radius:10px;transition:border-color .15s ease;}
.card-hover:hover{border-color:#FF9100;}
.lift{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.lift:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(43,42,41,.10);border-color:#dfdbd0;}
.join-card{transition:transform .2s ease, box-shadow .2s ease;cursor:pointer;}
.join-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(43,42,41,.12);}
.join-card .join-ico{transition:transform .25s ease;}
.join-card:hover .join-ico{transform:rotate(-8deg) scale(1.08);}
.partner-tile{transition:transform .18s ease, border-color .18s ease;cursor:default;}
.partner-tile:hover{transform:translateY(-4px);border-color:#FF9100;}
.partner-tile .pt-dot{transition:transform .25s ease;}
.partner-tile:hover .pt-dot{transform:scale(1.5);}
.htile{transition:transform .2s ease, box-shadow .2s ease;}
.htile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 34px rgba(43,42,41,.18);}
.join-panel{transition:transform .2s ease, box-shadow .2s ease;}
.join-panel:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(43,42,41,.2);}
.join-panel .join-ico{transition:transform .25s ease;}
.join-panel:hover .join-ico{transform:rotate(-8deg) scale(1.08);}
.join-panel .join-arrow{transition:transform .2s ease;}
.join-panel:hover .join-arrow{transform:translateX(4px);}
.news-row{transition:border-color .2s ease, transform .2s ease;}
.news-row:hover{border-color:#FF9100;transform:translateX(3px);}
.foot-link{transition:color .15s ease;}
.foot-link:hover{color:#FF9100 !important;}
@keyframes countpulse{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:none;}}
@keyframes mqscroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.mq-wrap{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.mq-track{animation:mqscroll 40s linear infinite;}
.mq-wrap:hover .mq-track{animation-play-state:paused;}
.mq-tile{transition:transform .2s ease, border-color .2s ease;}
.mq-tile:hover{transform:translateY(-4px);border-color:#FF9100;}
.ev-sched{transition:transform .18s ease, box-shadow .18s ease;}
.ev-sched:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.28);}
@media(max-width:760px){
  .ev-sched{grid-template-columns:64px 1fr !important;gap:16px !important;}
  .ev-sched .ev-cta{grid-column:1 / -1;text-align:left !important;}
}
.field{width:100%;font:400 15px/1.2 'Manrope',sans-serif;color:#2B2A29;background:#fff;border:1px solid #E8E6E1;border-radius:10px;padding:13px 15px;outline:none;transition:border-color .15s ease;}
.field:focus{border-color:#FF9100;}
.field::placeholder{color:#A7A39C;}
.reveal{animation:rise .5s ease both;}
.article-rt h3,.rtbody h3{font:700 24px/1.25 'Unbounded',sans-serif;letter-spacing:-.01em;color:#2B2A29;margin:34px 0 0;}
.article-rt p,.rtbody p{margin:20px 0 0;}
.article-rt ul,.article-rt ol,.rtbody ul,.rtbody ol{margin:18px 0 0;padding-left:24px;}
.article-rt li,.rtbody li{margin:8px 0;}
.article-rt blockquote,.rtbody blockquote{margin:28px 0 0;padding:6px 0 6px 24px;border-left:4px solid #FF9100;font:500 21px/1.5 'Manrope',sans-serif;color:#2B2A29;font-style:italic;}
.article-rt img,.rtbody img{max-width:100%;height:auto;border-radius:12px;margin:24px 0 0;display:block;}
.article-rt a,.rtbody a{color:#C2410C;text-decoration:underline;text-underline-offset:2px;}
.article-rt .video-embed,.rtbody .video-embed{position:relative;width:100%;padding-top:56.25%;margin:24px 0 0;border-radius:12px;overflow:hidden;background:#000;}
.article-rt .video-embed iframe,.rtbody .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes heroPop{from{opacity:0;transform:translateY(20px) scale(.94);}to{opacity:1;transform:none;}}
@keyframes heroFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.hero-pop{animation:heroPop .4s cubic-bezier(.2,.8,.2,1) both;}
.hero-fade{animation:heroFade .35s ease both;}
.flip{perspective:1100px;}
.flip-in{position:relative;width:100%;height:340px;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;}
.flip-in.on{transform:rotateY(180deg);}
.flip-f{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;overflow:hidden;}
.flip-b{transform:rotateY(180deg);}
.mobnav{display:none;}
@media(max-width:1024px){
  .desknav{display:none !important;}
  .mobnav{display:inline-flex !important;}
}
@media(min-width:761px) and (max-width:1024px){
  .g3{grid-template-columns:repeat(2,1fr) !important;}
  .g4{grid-template-columns:repeat(2,1fr) !important;}
  .g-clusters{grid-template-columns:repeat(3,1fr) !important;}
  .g-heroes{grid-template-columns:repeat(3,1fr) !important;}
}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr !important;}
  .two-col{grid-template-columns:1fr !important;}
  .g3,.g2,.g4,.tl-row{grid-template-columns:1fr !important;}
  .g-clusters{grid-template-columns:repeat(2,1fr) !important;}
  .cluster-strip{flex-direction:column !important;height:auto !important;}
  .cluster-strip > div{flex:none !important;min-height:120px;}
  .ev-split{grid-template-columns:1fr !important;}
  .news-feat{grid-template-columns:1fr !important;}
  .ev-modal{grid-template-columns:1fr !important;}
  .g-don{grid-template-columns:1fr !important;}
  .g-heroes{grid-template-columns:repeat(2,1fr) !important;}
  .g-logos{grid-template-columns:repeat(2,1fr) !important;}
  .g-road{grid-template-columns:1fr !important;gap:28px !important;}
  .g-chain{grid-template-columns:repeat(3,1fr) !important;row-gap:24px !important;}
  .g7{grid-template-columns:repeat(3,1fr) !important;}
  .g-chain > div[style*="position:absolute"],.g-chain > div[style*="position: absolute"]{display:none !important;}
  .g-road > div[style*="position:absolute"],.g-road > div[style*="position: absolute"]{display:none !important;}
  .hero-spot{grid-template-columns:1fr !important;}
  .hero-roster{grid-template-columns:repeat(5,1fr) !important;}
  .hm-head{grid-template-columns:1fr !important;}
  .hm-cols{grid-template-columns:1fr !important;}
  .evrow{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .evhead{display:none !important;}
  .tl-row > div:first-child{color:#FF9100;}
  h1{font-size:38px !important;}
}
@media(min-width:561px) and (max-width:760px){
  .g4{grid-template-columns:repeat(2,1fr) !important;}
}

/* ===== Доповнення теми (не з макета, поведінкові) ===== */
/* соцкнопки футера: у макеті hover через onmouseover — тут через клас, вигляд ідентичний */
.soc{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid #E8E6E1;display:flex;align-items:center;justify-content:center;color:#2B2A29;transition:all .15s ease;}
.soc:hover{background:#FF9100;color:#fff;border-color:#FF9100;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal;}
[hidden]{display:none !important;}