/*
Theme Name: Par4eta
Author: Par4eta
Description: Българска тема със Sofia Sans и редактируеми секции чрез Външен вид → Персонализиране.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: par4eta
*/
@font-face {font-family:"Sofia Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/sofia-sans-400.ttf") format("truetype");}
@font-face {font-family:"Sofia Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/sofia-sans-500.ttf") format("truetype");}
@font-face {font-family:"Sofia Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/sofia-sans-600.ttf") format("truetype");}
@font-face {font-family:"Sofia Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/sofia-sans-700.ttf") format("truetype");}
@font-face {font-family:"Sofia Sans";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/sofia-sans-800.ttf") format("truetype");}
:root {
 --background: oklch(1 0 0); --foreground: oklch(.205 .057 267); --primary: oklch(.54 .18 255); --primary-foreground: oklch(1 0 0); --secondary: oklch(.951 .024 250); --muted: oklch(.978 .011 250); --muted-foreground: oklch(.49 .033 266); --border: oklch(.9 .025 252); --brand-blue: oklch(.475 .164 255); --blue-bright: oklch(.59 .188 253); --blue-deep: oklch(.435 .128 256); --blue-soft: oklch(.79 .1 250); --blue-pale: oklch(.89 .057 250); --footer: oklch(.285 .054 251); --footer-text: oklch(.73 .03 253); --footer-line: oklch(.405 .04 251); --social-bg: oklch(.415 .056 257); --hero-gradient: linear-gradient(128deg,var(--blue-soft) 0%,var(--blue-bright) 42%,var(--blue-deep) 100%); --button-gradient: linear-gradient(180deg,var(--blue-bright),var(--primary)); --banner-gradient: linear-gradient(125deg,oklch(.566 .145 250),var(--brand-blue)); --tile-gradient: linear-gradient(0deg,oklch(.17 .035 253 / .87),oklch(.17 .035 253 / 0) 90%); --shadow-button: 0 5px 14px oklch(.54 .18 255 / .2); --shadow-card: 0 8px 25px oklch(.64 .11 250 / .06); --shadow-dialog: 0 20px 80px oklch(.205 .057 267 / .25); --overlay: oklch(.205 .057 267 / .45); --font-body: "Sofia Sans", Arial, sans-serif;
}
@layer base { * { box-sizing: border-box; border-color: var(--border); } body { margin:0; color:var(--foreground); background:var(--background); font-family:var(--font-body); } button,input {font:inherit} a {color:inherit;text-decoration:none} button,a,input { -webkit-tap-highlight-color:transparent; } html {scroll-behavior:smooth;scroll-padding-top:24px} h1,h2,h3,p {margin:0} button {cursor:pointer} :focus-visible {outline:3px solid var(--blue-soft);outline-offset:4px} }
.container { width: min(1120px, calc(100% - 80px)); margin-inline:auto; }
.site-header {height:72px;background:var(--background);position:relative;z-index:5}
.header-inner {height:100%;display:flex;align-items:center;gap:40px}
.brand-link {display:inline-flex; flex-shrink:0}
.brand {display:inline-flex;align-items:center;gap:10px;color:var(--brand-blue);font-size:29px;font-weight:700;line-height:1}
.brand-mark {display:grid;grid-template-columns:1fr 1fr;width:43px;height:43px;gap:2px;transform:rotate(45deg);padding:2px}
.brand-mark svg {width:100%;height:100%;fill:currentColor;stroke:var(--background);stroke-width:1.3}
.brand-mark svg:nth-child(2) {transform:rotate(90deg)} .brand-mark svg:nth-child(3) {transform:rotate(-90deg)} .brand-mark svg:nth-child(4) {transform:rotate(180deg)}
.main-nav {display:flex;align-items:center;gap:32px;margin-left:auto;font-size:12px;color:var(--muted-foreground);height:100%}
.main-nav a {position:relative;padding:10px 0;font-weight:500}.main-nav a:hover,.main-nav .active {color:var(--foreground)}.main-nav .active {font-weight:700}.main-nav .active:after {content:'';position:absolute;height:3px;background:var(--blue-bright);bottom:0;left:0;right:0}
.par-button {display:inline-flex;gap:12px;align-items:center;justify-content:center;border:0;font-weight:700;letter-spacing:0;transition:transform .2s,filter .2s;white-space:nowrap;border-radius:8px;padding:12px 26px;height:auto;font-size:14px}
.par-button svg {width:20px;height:20px}.par-button-blue {background:var(--button-gradient);color:var(--primary-foreground);box-shadow:var(--shadow-button)}.par-button-light {background:var(--background);color:var(--primary)}.par-button:hover {filter:brightness(1.06);transform:translateY(-2px)} .header-join {font-size:12px;padding:12px 27px}.mobile-menu {display:none}
.hero {height:460px;position:relative;overflow:hidden;background:var(--background)}.hero-blue {position:absolute;inset:0;background:var(--hero-gradient)}.hero-wave {position:absolute;inset:0;height:100%;width:100%}.wave-back {fill:var(--blue-pale)}.wave-front {fill:var(--background)}
.hero-inner {height:100%;display:flex;align-items:center;position:relative;z-index:2;justify-content:space-between;padding-left:42px}.hero-copy {padding-top:7px}.hero h1 {font-size:43px;line-height:1.05;font-weight:800}.hero h1 span {font-size:64px;line-height:1.12;color:var(--brand-blue)}.hero-copy>p {font-size:18px;line-height:1.5;color:var(--muted-foreground);margin-top:12px}.hero-join {margin-top:25px;border-radius:32px;font-size:15px;padding:17px 30px;gap:19px}.hero-join svg:first-child {width:26px;height:26px;fill:currentColor}.hero-notes {display:flex;gap:10px;color:oklch(.55 .065 258);font-size:12px;margin-top:25px}.hero-notes i {font-style:normal}.hero-brand {padding-right:42px;padding-bottom:20px}.brand-large {color:var(--primary-foreground);font-size:68px;gap:24px}.brand-large .brand-mark {width:99px;height:99px;gap:3px}.brand-large .brand-mark svg {stroke:var(--brand-blue);stroke-width:1.5}
.puzzle-decor {position:absolute;inset:0;pointer-events:none;overflow:hidden}.piece {position:absolute;width:60px;height:60px;color:var(--blue-pale);fill:currentColor;stroke-width:0;opacity:.55;transform:rotate(-18deg)}.piece-1 {left:1%;top:6%;width:65px;height:65px}.piece-2 {left:-3%;bottom:16%;width:106px;height:106px;filter:blur(5px)}.piece-3 {left:46%;top:40%;width:38px;height:38px;opacity:.45;transform:rotate(-32deg)}.piece-4 {left:49%;bottom:10%;width:76px;height:76px;filter:blur(1px);transform:rotate(15deg)}.piece-5 {left:49%;top:8%;width:74px;height:74px}.piece-6 {left:63%;top:8%;transform:rotate(-28deg);opacity:.34}.piece-7 {left:77%;top:19%;width:46px;height:46px;transform:rotate(12deg)}.piece-8 {right:-5%;top:3%;width:155px;height:155px;filter:blur(5px);transform:rotate(20deg)}.piece-9 {right:3%;bottom:27%;width:76px;height:76px;transform:rotate(-20deg);opacity:.42}.piece-10 {left:73%;bottom:14%;width:63px;height:63px;transform:rotate(29deg)}.piece-11 {right:7%;bottom:-10%;width:140px;height:140px;filter:blur(5px);transform:rotate(-23deg)}
.features-section {background:var(--muted);padding:30px 0 28px}.section-heading {text-align:center;margin-bottom:26px}.section-heading h2 {font-size:32px;line-height:1.2;font-weight:800}.section-heading p {color:var(--muted-foreground);font-size:15px;line-height:1.4;margin-top:7px}.features-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature {border-radius:8px;background:var(--background);display:flex;align-items:center;gap:20px;padding:27px 24px;box-shadow:var(--shadow-card);min-height:157px}.feature-icon {width:91px;height:91px;flex:0 0 91px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--secondary);color:var(--brand-blue)}.feature-icon svg {width:51px;height:51px;fill:var(--brand-blue);stroke:var(--brand-blue);stroke-width:1.7}.feature-icon svg.lucide-message-circle {fill:var(--brand-blue);stroke:var(--blue-pale)}.feature-icon svg.lucide-gamepad-2 {stroke:var(--background);fill:var(--brand-blue)}.feature h3 {font-size:17px;margin-bottom:10px;font-weight:700}.feature p {font-size:12px;line-height:1.65;color:var(--muted-foreground)}
.communities-section {padding:26px 0 24px}.communities-section .section-heading {margin-bottom:20px}.communities-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;scroll-margin-top:24px}.community-tile {height:156px;padding:0;display:block;position:relative;overflow:hidden;border:0;border-radius:8px;text-align:left;color:var(--primary-foreground);box-shadow:var(--shadow-card);transition:transform .2s;white-space:normal}.community-tile:hover {transform:translateY(-4px)}.community-tile img {position:absolute;height:100%;width:400%;max-width:none;top:0;left:0;object-fit:fill}.scene-1 img {left:-100%}.scene-2 img {left:-200%}.scene-3 img {left:-300%}.tile-shade {position:absolute;inset:0;background:var(--tile-gradient)}.tile-content {position:absolute;inset:auto 23px 19px;display:flex;flex-direction:column;gap:12px;font-weight:700;font-size:14px}.tile-content svg {width:50px;height:50px;fill:var(--background);stroke:var(--background);stroke-width:1.5}.tile-content svg.lucide-gamepad-2,.tile-content svg.lucide-smile {stroke:var(--brand-blue);stroke-width:1.2}.tile-arrow {position:absolute;right:16px;bottom:19px;width:16px!important;height:16px!important;opacity:0;transition:opacity .2s}.community-tile:hover .tile-arrow {opacity:1}
.invite-section {position:relative;padding:18px 0 20px;background:var(--secondary);overflow:hidden}.invite-banner {position:relative;overflow:hidden;border-radius:8px;background:var(--banner-gradient);padding:28px 57px;color:var(--primary-foreground);min-height:196px}.invite-copy {position:relative;z-index:1}.invite-copy h2 {font-size:32px;line-height:1.2}.invite-copy p {font-size:16px;line-height:1.3;margin-top:6px;color:var(--blue-pale)}.invite-copy .par-button {margin-top:14px;padding:10px 24px}.banner-decor .piece-1 {left:64%;top:20%;width:98px;height:98px;opacity:.2;transform:rotate(-27deg)}.banner-decor .piece-2 {left:auto;right:3%;bottom:3%;width:184px;height:184px;filter:none;opacity:.5;transform:rotate(-28deg)}.banner-decor .piece-3 {left:62%;top:80%;width:62px;height:62px;opacity:.15}.banner-decor .piece-4 {left:-4%;bottom:28%;opacity:.6;transform:rotate(25deg)}.banner-decor .piece-5 {left:auto;right:-3%;top:15%;transform:rotate(-25deg)}.invite-section>.banner-decor .piece-1,.invite-section>.banner-decor .piece-2,.invite-section>.banner-decor .piece-3 {display:none}
.site-footer {background:var(--footer);color:var(--footer-text);padding:20px 0 12px}.footer-top {display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--footer-line)}.site-footer .brand {color:var(--primary-foreground);font-size:20px;gap:10px}.site-footer .brand-mark {width:34px;height:34px}.site-footer .brand-mark svg {stroke:var(--footer)}.footer-top nav {display:flex;gap:25px;font-size:11px}.footer-top nav span {opacity:.5}.footer-top nav a:hover {color:var(--primary-foreground)}.socials {display:flex;gap:10px}.social-button {border:0;background:var(--social-bg);color:var(--primary-foreground);border-radius:50%;width:31px;height:31px;padding:0;display:inline-flex;align-items:center;justify-content:center}.social-button:hover {background:var(--primary)}.social-button svg {width:16px;height:16px}.facebook-f {font-family:Arial,sans-serif;font-size:23px;font-weight:700;line-height:1}.copyright {text-align:center;margin-top:12px;font-size:11px}
.par-dialog {border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:34px;width:min(460px,calc(100% - 32px));box-shadow:var(--shadow-dialog);max-height:90vh;overflow:auto}.par-dialog::backdrop {background:var(--overlay);backdrop-filter:blur(4px)}.dialog-close {position:absolute;right:10px;top:10px}.par-dialog h2 {font-size:26px;margin-top:22px;margin-bottom:10px}.par-dialog>p {font-size:14px;line-height:1.6;color:var(--muted-foreground);margin-bottom:22px}.par-dialog form {display:flex;flex-direction:column;gap:10px}.par-dialog form>label {font-size:13px;font-weight:700}.par-dialog input:not([type=checkbox]) {border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--background);color:var(--foreground);width:100%;margin-bottom:6px}.par-dialog fieldset {border:0;padding:8px 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.par-dialog legend {font-size:13px;font-weight:700;margin-bottom:8px}.interest-check {display:flex;align-items:center;gap:8px;font-size:12px}.interest-check input {accent-color:var(--primary)}.form-note {color:var(--muted-foreground);font-size:11px;line-height:1.5;text-align:center}.form-status {background:var(--secondary);padding:12px;color:var(--primary);font-size:13px;line-height:1.5;border-radius:6px}
@media(min-width:1440px) {.hero {height:480px}.container {width:min(1120px,calc(100% - 100px))}}
@media(max-width:1050px) {.container {width:calc(100% - 60px)}.hero-inner {padding-left:30px}.hero-brand {padding-right:0}.brand-large {font-size:54px;gap:19px}.brand-large .brand-mark {width:80px;height:80px}.hero h1 {font-size:37px}.hero h1 span {font-size:55px}.hero-copy>p {font-size:16px}.feature {padding:24px 18px;gap:15px}.feature-icon {width:73px;height:73px;flex-basis:73px}.feature-icon svg {width:43px;height:43px}.features-grid {gap:20px}.feature h3 {font-size:16px}.feature p {font-size:11px}.hero-notes {font-size:10px}.main-nav {gap:27px}.header-inner {gap:32px}.community-tile {height:145px}}
@media(max-width:760px) {.container {width:calc(100% - 36px)}.site-header {height:67px}.brand {font-size:24px}.brand-mark {width:35px;height:35px}.header-inner {gap:12px}.header-join {margin-left:auto;padding:10px 14px;font-size:11px}.mobile-menu {display:inline-flex;flex-shrink:0}.main-nav {display:none;position:absolute;top:67px;left:0;right:0;background:var(--background);height:auto;padding:18px;box-shadow:var(--shadow-card);justify-content:center;gap:24px}.main-nav.is-open {display:flex}.hero {height:520px}.hero-inner {align-items:flex-start;padding:0;display:block}.hero-copy {padding:38px 12px 0}.hero h1 {font-size:34px}.hero h1 span {font-size:51px}.hero-copy>p {font-size:15px;max-width:340px}.hero-wave {width:170%;height:80%}.hero-join {font-size:14px;padding:15px 23px;margin-top:21px}.hero-notes {font-size:10px;gap:7px;margin-top:18px;flex-wrap:wrap}.hero-brand {position:absolute;bottom:30px;right:18px;padding:0}.brand-large {font-size:45px;gap:16px}.brand-large .brand-mark {width:62px;height:62px}.piece-5 {left:76%;top:10%}.piece-6 {left:90%;top:50%}.piece-8 {width:95px;height:95px;top:30%}.piece-3 {left:68%;top:43%}.piece-4 {left:45%;bottom:12%}.features-section {padding:27px 0}.section-heading h2 {font-size:27px}.section-heading p {font-size:13px;line-height:1.5}.desktop-break {display:none}.features-grid {grid-template-columns:1fr;gap:12px}.feature {padding:18px 23px;min-height:111px;gap:23px}.feature-icon {width:72px;height:72px;flex-basis:72px}.feature h3 {font-size:16px;margin-bottom:6px}.feature p {font-size:12px;max-width:240px}.communities-section {padding:27px 0 24px}.communities-grid {grid-template-columns:repeat(2,1fr);gap:12px}.community-tile {height:142px}.tile-content {inset:auto 17px 16px;font-size:12px;gap:10px}.tile-content svg {width:42px;height:42px}.invite-section {padding:16px 0}.invite-banner {padding:27px 24px;min-height:224px}.invite-copy h2 {font-size:25px;max-width:270px}.invite-copy p {font-size:14px;max-width:265px;margin-top:10px}.invite-copy .par-button {font-size:13px;margin-top:17px}.banner-decor .piece-2 {width:132px;height:132px;right:-12%;opacity:.25}.banner-decor .piece-1 {left:74%;top:0}.footer-top {flex-wrap:wrap;gap:20px}.footer-top nav {order:3;width:100%;justify-content:center;gap:20px}.site-footer .brand {font-size:20px}.copyright {font-size:10px}.par-dialog {padding:28px 24px}.par-dialog h2 {font-size:24px}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important;animation:none!important}}
.mobile-menu,.dialog-close {width:36px;height:36px;padding:6px;align-items:center;justify-content:center;background:transparent;color:var(--foreground);border:0;border-radius:6px}
.mobile-menu:hover,.dialog-close:hover {background:var(--secondary)}
.mobile-menu svg,.dialog-close svg {width:22px;height:22px}

.site-header .custom-logo {max-width:180px;max-height:46px;width:auto;height:auto}
.brand-image {max-width:340px;max-height:150px;object-fit:contain}
.hero.has-image .hero-blue img,.invite-banner>.section-image {width:100%;height:100%;object-fit:cover}
.invite-banner>.section-image {position:absolute;inset:0;opacity:.25}
.feature-icon img {width:60%;height:60%;object-fit:contain}
.community-tile img {width:100%;left:0;object-fit:cover}
.hero {min-height:460px;height:auto}.hero-inner {min-height:460px;padding-block:35px}.hero h1,.invite-copy h2 {overflow-wrap:anywhere}.hero h1 span {display:inline-block;max-width:100%}.hero-copy {width:52%}.hero-brand {max-width:45%}.brand-large {font-size:58px}
.hero-join,.par-button {white-space:normal;text-align:center}.hero-notes {flex-wrap:wrap}
.skip-link {position:fixed;top:-60px;left:15px;z-index:100000;background:var(--background);padding:12px}.skip-link:focus {top:10px}
.content-page {padding-block:48px;min-height:60vh}.content-page article {margin-block:30px}.content-page h1 {font-size:36px}.content-page h2 {font-size:26px}.entry-content {line-height:1.7;margin-top:20px}.entry-content p {margin-block:16px}.entry-content img {max-width:100%;height:auto}.entry-content a {color:var(--primary);text-decoration:underline}.entry-content ul,.entry-content ol {padding-left:24px}.entry-content figure {max-width:100%;margin-inline:0}.entry-content iframe {max-width:100%}.entry-content table {max-width:100%;display:block;overflow:auto}.entry-content .wp-block-button__link {color:var(--primary-foreground)}
@media(max-width:760px) {.hero {min-height:520px}.hero-inner {min-height:520px;padding-block:0}.hero-copy {width:100%;padding-bottom:145px}.hero-brand {max-width:88%}.brand-large {font-size:45px}.hero.has-image .hero-blue img {opacity:.75}}