/* WoWForever Support Addon – saját, más támogatói shortcode-októl független stílus */
.wfsaddon-box{width:100%;margin:18px 0;padding:13px 18px 15px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:transparent;text-align:center;box-sizing:border-box}
.wfsaddon-title{margin:0 0 8px;color:#fff;font-size:18px;font-weight:700;line-height:1.4}
.wfsaddon-box .wfsaddon-button{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:290px;min-height:54px;padding:7px 16px;border:1px solid #ffcb77;border-radius:8px;background:linear-gradient(135deg,#d98a26 0%,#f0a53a 50%,#e9982d 100%);color:#181818!important;text-align:center;text-decoration:none!important;box-shadow:0 4px 15px rgba(240,165,58,.15),inset 0 1px 0 rgba(255,255,255,.25);box-sizing:border-box;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.wfsaddon-box .wfsaddon-button:hover,.wfsaddon-box .wfsaddon-button:focus-visible{background:linear-gradient(135deg,#f0a53a 0%,#ffc36c 50%,#f0a53a 100%);border-color:#ffe0a1;box-shadow:0 6px 20px rgba(240,165,58,.28),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(-2px)}
.wfsaddon-box .wfsaddon-button:focus-visible{outline:2px solid #ffd48b;outline-offset:3px}
.wfsaddon-button-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;line-height:1.25}
.wfsaddon-button-top{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#242424;font-size:12px;font-weight:600;line-height:15px}
/* Zászló közvetlenül a Támogasd szó előtt; a 12px-es betűnél 1px-szel magasabb. */
.wfsaddon-flag{display:block;flex:none;width:auto;height:13px;max-width:none;object-fit:contain;border:0;border-radius:0;margin:0;padding:0}
.wfsaddon-button-bottom{display:block;color:#181818;font-size:17px;font-weight:800;letter-spacing:-.2px}
.wfsaddon-box .wfsaddon-description{margin:9px auto 0;max-width:600px;color:#c3c9d2;font-size:13px;line-height:1.45}
.wfsaddon-box .wfsaddon-info{display:inline-block;margin-top:4px;color:#f0b15e;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.wfsaddon-box .wfsaddon-info:hover{color:#ffca7a}
@media(max-width:767px){.wfsaddon-box{margin:16px 0;padding:12px 12px 14px}.wfsaddon-title{font-size:16px;margin-bottom:7px}.wfsaddon-box .wfsaddon-button{min-height:52px;padding:7px 12px}.wfsaddon-button-bottom{font-size:16px}.wfsaddon-box .wfsaddon-description{font-size:12px}.wfsaddon-desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.wfsaddon-box .wfsaddon-button{transition:none}.wfsaddon-box .wfsaddon-button:hover{transform:none}}
/* 1.1 – egységes üzenet és havi cél */
.wfsaddon-box .wfsaddon-intro{margin:0 auto 12px;max-width:610px;color:#c3c9d2;font-size:13px;line-height:1.6}
.wfs-goal{margin:17px auto 0;max-width:420px;text-align:left;color:#c3c9d2;font-size:12px}
.wfs-goal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}
.wfs-goal-head strong{color:#f0a53a}
.wfs-goal-track{height:10px;border-radius:99px;overflow:hidden;background:#373b43}
.wfs-goal-track>span{display:block;height:100%;background:#f0a53a;border-radius:99px}
.wfs-goal-caption{margin-top:6px;font-size:11px;color:#aeb5c0}
/* Oldalsáv: megadott kompakt widgetméretek */
.wfsaddon-sidebar{margin:0 0 20px;padding:18px 14px;background:#1b1e23;border-color:rgba(255,255,255,.12)}
.wfsaddon-sidebar .wfsaddon-title{font-size:15px;margin-bottom:12px}
.wfsaddon-sidebar .wfsaddon-intro{font-size:11px;line-height:1.6}
.wfsaddon-sidebar .wfsaddon-button{max-width:245px;min-height:52px;border-radius:6px;padding:8px 12px}
.wfsaddon-sidebar .wfsaddon-button-top{font-size:12px;gap:5px}
.wfsaddon-sidebar .wfsaddon-flag{height:11px}
.wfsaddon-sidebar .wfsaddon-button-bottom{font-size:16px}
.wfsaddon-sidebar .wfsaddon-description{font-size:11px;line-height:1.6;margin-top:12px}
.wfsaddon-sidebar .wfsaddon-info{font-size:11px;margin-top:5px}
@media(max-width:767px){.wfsaddon-sidebar{padding:16px 12px}.wfsaddon-box .wfsaddon-intro{font-size:12px}.wfsaddon-sidebar .wfsaddon-intro{font-size:11px}}

/* 1.2.0 – kompakt cikkdoboz, egysoros asztali címmel */
.wfsaddon-title{display:flex;justify-content:center;align-items:center;gap:6px}
.wfsaddon-heart{flex:none;font-size:.95em}
.wfsaddon-box:not(.wfsaddon-sidebar){padding:11px 16px 12px}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title{font-size:clamp(14px,1.65vw,18px);line-height:1.35;margin-bottom:9px;white-space:nowrap}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-button{min-height:48px;max-width:260px;padding:5px 12px}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-description{max-width:100%;margin:8px auto 0;font-size:12px;line-height:1.45}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-info{margin-top:3px;font-size:12px}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfs-goal{margin-top:11px}
@media(max-width:767px){
 .wfsaddon-box:not(.wfsaddon-sidebar){padding:14px 12px}
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title{font-size:clamp(17px,4.5vw,21px);white-space:normal;line-height:1.35}
 .wfsaddon-sidebar .wfsaddon-title{font-size:clamp(18px,4.6vw,22px);line-height:1.35;white-space:normal}
}

/* 1.2.1 – a cikkdobozban a tájékoztató link a mondat része */
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-description .wfsaddon-info{display:inline;margin:0 0 0 4px;font-size:inherit;line-height:inherit;white-space:nowrap}

/* 1.2.2 – új sor a zárómondatnak, a link ugyanabban a sorban */
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-article-break{display:block;content:"";margin-top:2px}
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-description .wfsaddon-info{display:inline!important;margin:0 0 0 5px!important;white-space:normal!important;vertical-align:baseline}

/* 1.2.3 – kétsoros cím: a szív az első sor része, nem külön flex elem. */
.wfsaddon-box .wfsaddon-title{display:block;text-align:center}
.wfsaddon-title-content{display:inline-flex;flex-direction:column;align-items:center;max-width:100%;line-height:1.3}
.wfsaddon-title-first{display:block;white-space:nowrap}
.wfsaddon-title-second{display:block}
.wfsaddon-title-first .wfsaddon-heart{display:inline;vertical-align:baseline;margin-right:3px}
@media(max-width:767px){
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title{font-size:clamp(12px,3.8vw,17px);line-height:1.3}
 .wfsaddon-sidebar .wfsaddon-title{font-size:clamp(12px,3.8vw,18px);line-height:1.3}
}
/* Rövid leírás és link azonos bekezdésben, külön blokk nélkül. */
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-description .wfsaddon-info{display:inline!important;margin-left:4px!important}

/* 1.2.4 – kizárólag a cikkdoboz leírásának reszponzív szövege. */
.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-mobile-copy{display:none}
@media(max-width:767px){
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-desktop-copy{display:none}
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-mobile-copy{display:inline}
}

/* 1.2.5 – kizárólag az oldalsáv egyszerűsített fejléce */
.wfsaddon-sidebar .wfsaddon-sidebar-heading{color:#fff;font-size:15px;font-weight:700;line-height:1.45;text-align:center;margin:0 0 13px}
@media(max-width:767px){.wfsaddon-sidebar .wfsaddon-sidebar-heading{font-size:16px}}

/* 1.2.7 – rövid bevezető a cím és a gomb között, csak az oldalsávban */
.wfsaddon-sidebar .wfsaddon-sidebar-intro{margin:0 0 12px;color:#c3c9d2;font-size:11px;line-height:1.5;text-align:center}

/* 1.2.8 – KIZÁRÓLAG PC-s cikkdoboz; mobil és sidebar változatlan */
@media (min-width:768px){
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title-content{display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;gap:5px;white-space:nowrap;max-width:none}
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title-first,.wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-title-second{display:inline;white-space:nowrap}
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-desktop-secondline{display:block;margin-top:2px}
 .wfsaddon-box:not(.wfsaddon-sidebar) .wfsaddon-desktop-secondline .wfsaddon-info{display:inline!important;margin:0 0 0 5px!important}
}

/* 1.2.9 – egységes, gombbal kezdődő támogatási doboz */
.wfsaddon-box .wfsaddon-description{margin:12px auto 0;text-align:center;max-width:540px;line-height:1.6}
.wfsaddon-box > .wfsaddon-info{display:inline-block;margin:7px auto 0;text-align:center}
.wfsaddon-sidebar .wfsaddon-description{margin-top:12px}

/* 1.2.11 – több hely a cikkdoboz felső kerete és a gomb között; csak PC */
@media (min-width:768px){.wfsaddon-box:not(.wfsaddon-sidebar){padding-top:20px}}
