/*
Theme Name: Пелаго — Морски хоризонт
Theme URI: https://pelagobg.eu/
Author: Дизайнерска концепция за Асоциация Пелаго
Description: Изчистена блокова WordPress тема, вдъхновена от оригиналното лого на „Пелаго“. Съдържанието на началната страница се редактира през Външен вид → Редактор.
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: pelago-sea
*/
:root{--pelago-navy:var(--wp--preset--color--navy,#123F57);--pelago-sea:var(--wp--preset--color--sea,#087B9B);--pelago-blue:var(--wp--preset--color--blue,#167BA3);--pelago-sky:var(--wp--preset--color--sky,#6DB7C9);--pelago-sand:var(--wp--preset--color--sand,#CDA675);--pelago-bg:var(--wp--preset--color--cream,#F7F6F2);--pelago-ink:var(--wp--preset--color--ink,#173E50);--pelago-muted:var(--wp--preset--color--muted,#5C717A);--pelago-line:var(--wp--preset--color--line,#DCE7E8)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pelago-bg);color:var(--pelago-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
a{text-underline-offset:4px}a:hover{color:var(--pelago-sea)}
:focus-visible{outline:3px solid var(--pelago-sand);outline-offset:4px}
.wp-site-blocks{padding:0;overflow-x:clip}
.wp-site-blocks>.wp-block-group{margin-block-start:0}
.pelago-header{position:relative;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--pelago-line)}
.pelago-header-inner{max-width:1220px;margin-inline:auto;padding:16px 24px;min-height:92px;gap:25px}
.pelago-brand{gap:10px!important;min-width:190px}
.pelago-logo-mark{width:67px;height:54px;min-width:67px;background:url('assets/pelago-mark.png') center/contain no-repeat;margin:0!important}
.pelago-brand-wordmark{font-size:25px;letter-spacing:.18em;line-height:1.03;font-weight:750;margin:0!important;color:var(--pelago-navy);white-space:nowrap}
.pelago-brand-wordmark a{color:inherit;text-decoration:none}
.pelago-brand-wordmark span{display:block;font-size:9px;letter-spacing:.40em;font-weight:650;color:var(--pelago-sand);padding:8px 0 0 2px}
.pelago-nav{font-size:13px;font-weight:640;gap:26px}
.pelago-nav .wp-block-navigation-item__content:hover{color:var(--pelago-sea)}
.pelago-nav .wp-block-navigation__responsive-container.is-menu-open{padding:32px;background:#fff}
.pelago-cta-head .wp-block-button__link,.pelago-button-primary .wp-block-button__link{background:var(--pelago-navy)!important;border:1px solid var(--pelago-navy);color:#fff!important;padding:14px 24px;font-size:14px;font-weight:680;transition:.2s}
.pelago-cta-head .wp-block-button__link:hover,.pelago-button-primary .wp-block-button__link:hover{background:var(--pelago-sea)!important;border-color:var(--pelago-sea);transform:translateY(-2px)}
.pelago-button-outline .wp-block-button__link{background:transparent!important;border:1px solid var(--pelago-navy);color:var(--pelago-navy)!important;padding:14px 24px;font-size:14px;font-weight:650}
.pelago-button-outline .wp-block-button__link:hover{background:#EAF4F6!important}
.pelago-hero{padding:94px 24px 96px;background:radial-gradient(circle at 9% 17%,#fff 0,transparent 43%),var(--pelago-bg)}
.pelago-hero-inner{max-width:1220px;margin-inline:auto;gap:6%!important;align-items:center!important}
.pelago-hero-copy{flex-basis:51%!important;flex-grow:1}
.pelago-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.23em;font-weight:760;color:var(--pelago-sea);margin:0 0 21px}
.pelago-hero h1{font-size:clamp(46px,5.5vw,77px);line-height:1.1;letter-spacing:-.051em;color:var(--pelago-navy);font-weight:720;margin:0 0 24px}
.pelago-hero h1 strong{color:var(--pelago-sea);font-weight:720}
.pelago-hero-lead{max-width:590px;color:var(--pelago-muted);line-height:1.8;font-size:17px;margin:0 0 32px}
.pelago-hero-actions{gap:12px;flex-wrap:wrap}
.pelago-hero-note{font-size:13px;color:var(--pelago-muted);padding-top:31px;border-top:1px solid #DCE7E8;margin-top:42px;max-width:540px}
.pelago-hero-visual{background:linear-gradient(155deg,#12445B 2%,#0C5975 60%,#087B9B 100%);height:570px;flex-basis:43%!important;position:relative;overflow:hidden;border-radius:15px 15px 115px 15px;isolation:isolate;box-shadow:0 30px 65px rgba(18,63,87,.12)}
.pelago-hero-visual:before{content:'';position:absolute;inset:6% -42% -30% -26%;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 68px rgba(255,255,255,.04),0 0 0 148px rgba(255,255,255,.035),0 0 0 232px rgba(255,255,255,.025)}
.pelago-hero-visual:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(5,45,67,.48),transparent 44%);pointer-events:none}
.pelago-hero-emblem{position:absolute;z-index:1;width:88%;height:60%;top:10%;left:6%;background:url('assets/pelago-mark.png') center/contain no-repeat;opacity:.97;filter:drop-shadow(0 18px 12px rgba(0,0,0,.03));margin:0!important}
.pelago-hero-quote{z-index:2;position:absolute;left:8%;bottom:9%;right:8%;margin:0!important;color:white;font-size:clamp(25px,2.7vw,38px);letter-spacing:-.04em;line-height:1.22;font-weight:620}
.pelago-hero-quote small{display:block;margin-top:12px;color:#C9E8EF;font-size:11px;letter-spacing:.2em;font-weight:750}
.pelago-topics{background:white;border-top:1px solid var(--pelago-line);border-bottom:1px solid var(--pelago-line);padding:22px 24px}
.pelago-topics-inner{max-width:1220px;margin-inline:auto;justify-content:space-between!important;gap:10px 20px!important}
.pelago-topics p{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:760;color:var(--pelago-navy);margin:0}
.pelago-topics .pelago-dot{color:var(--pelago-sand);font-size:22px}
.pelago-section{padding:105px 24px;background:var(--pelago-bg)}
.pelago-section-inner{max-width:1220px;margin-inline:auto}
.pelago-section-heading{max-width:850px;margin-bottom:43px}
.pelago-section-title{font-size:clamp(37px,4.1vw,57px);letter-spacing:-.052em;line-height:1.14;color:var(--pelago-navy);margin:10px 0 20px;font-weight:710}
.pelago-section-intro{color:var(--pelago-muted);max-width:710px;font-size:16px;line-height:1.8;margin:0}
.pelago-services-grid{gap:16px!important;align-items:stretch!important}
.pelago-services-grid>.wp-block-column{display:flex}
.pelago-service-card{width:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #E0EAED;border-radius:14px;padding:30px 23px;min-height:315px;box-shadow:0 6px 24px rgba(18,63,87,.025);transition:transform .2s,box-shadow .2s}
.pelago-service-card:hover{transform:translateY(-5px);box-shadow:0 17px 34px rgba(18,63,87,.1)}
.pelago-service-count{font-size:12px;letter-spacing:.08em;font-weight:760;color:var(--pelago-sea);margin:0 0 55px}
.pelago-service-card h3{font-size:23px;line-height:1.27;letter-spacing:-.035em;color:var(--pelago-navy);margin:0 0 16px}
.pelago-service-card p{font-size:14px;color:var(--pelago-muted);line-height:1.73;margin:0 0 18px}
.pelago-service-card .pelago-service-link{margin-top:auto!important;font-size:13px;font-weight:760;color:var(--pelago-sea)}
.pelago-service-card .pelago-service-link a{color:inherit;text-decoration:none}
.pelago-audiences{background:#EAF4F6}
.pelago-audience-grid{gap:20px!important;align-items:stretch!important}
.pelago-audience-grid>.wp-block-column{display:flex}
.pelago-audience-card{width:100%;border-radius:18px;padding:51px 43px 47px;min-height:400px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.pelago-audience-card:after{content:'';position:absolute;pointer-events:none;width:400px;height:220px;right:-190px;bottom:-140px;border:2px solid currentColor;border-radius:50%;opacity:.1;box-shadow:0 0 0 48px currentColor,0 0 0 110px currentColor}
.pelago-audience-light{background:#FFFFFF;color:var(--pelago-navy)}
.pelago-audience-dark{background:var(--pelago-navy);color:#FFFFFF}
.pelago-audience-card .pelago-eyebrow{color:var(--pelago-sea);margin-bottom:44px}
.pelago-audience-dark .pelago-eyebrow{color:var(--pelago-sand)}
.pelago-audience-card h3{font-size:clamp(28px,3vw,39px);line-height:1.19;letter-spacing:-.048em;color:inherit;margin:0 0 20px;max-width:440px}
.pelago-audience-card p:not(.pelago-eyebrow){color:inherit;opacity:.81;line-height:1.8;font-size:15px;max-width:470px;margin:0 0 25px}
.pelago-audience-card .pelago-service-link{margin-top:auto!important;font-size:14px;font-weight:750}
.pelago-audience-card .pelago-service-link a{color:inherit}
.pelago-principles{background:var(--pelago-navy);padding:100px 24px;color:white}
.pelago-principles-inner{max-width:1220px;margin-inline:auto;gap:10%!important;align-items:center!important}
.pelago-principles h2{color:#fff;letter-spacing:-.05em;line-height:1.12;font-size:clamp(35px,4vw,53px);margin:0 0 20px}
.pelago-principles p{color:#D4E6EA;line-height:1.85;font-size:16px}
.pelago-principles-list{border-left:2px solid var(--pelago-sand);padding-left:32px;display:flex;flex-direction:column;gap:20px}
.pelago-principles-list p{font-size:19px;font-weight:620;margin:0;color:white!important}
.pelago-principles .pelago-eyebrow{color:var(--pelago-sand)}
.pelago-contact{padding:110px 24px;background:#fff}
.pelago-contact-inner{max-width:1220px;margin-inline:auto;background:#EAF4F6;border-radius:20px;padding:65px;gap:35px!important;align-items:center!important}
.pelago-contact h2{font-size:clamp(34px,4vw,53px);margin:0 0 18px;line-height:1.15;color:var(--pelago-navy);letter-spacing:-.05em}
.pelago-contact p{font-size:15px;color:var(--pelago-muted);line-height:1.8;margin:0}
.pelago-contact .wp-block-buttons{justify-content:flex-end}
.pelago-footer{padding:65px 24px 20px;background:#0C3449;color:#E7F1F3}
.pelago-footer-inner{max-width:1220px;margin-inline:auto}
.pelago-footer-brand{width:172px;height:137px;background:#F9F8F4 url('assets/pelago-logo.png') center/90% auto no-repeat;border-radius:13px;margin:0 0 16px!important}
.pelago-footer-top{gap:22px!important;align-items:center!important;justify-content:space-between}
.pelago-footer-text{color:#ADC9D3;font-size:14px}
.pelago-footer-nav{gap:24px;font-size:13px}
.pelago-footer a{color:#E3F5FA!important}.pelago-footer-nav a{color:white!important}
.pelago-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:30px;font-size:12px;color:#9FC1CE}
.pelago-page-wrapper{padding:80px 24px 100px;max-width:900px;margin:auto;min-height:55vh}
.pelago-page-wrapper h1{font-size:clamp(39px,5vw,58px);color:var(--pelago-navy);letter-spacing:-.04em}
.pelago-page-wrapper p{line-height:1.85}
.pelago-post-list{padding:80px 24px;max-width:1000px;margin:auto}
.pelago-post-list h1{font-size:44px;color:var(--pelago-navy)}
.pelago-post-list .wp-block-post{background:#fff;border:1px solid var(--pelago-line);border-radius:12px;padding:25px}
@media(max-width:1030px){.pelago-header-inner{min-height:80px}.pelago-nav{gap:12px}.pelago-hero{padding:70px 24px}.pelago-hero-visual{height:490px}.pelago-services-grid{flex-wrap:wrap!important}.pelago-services-grid>.wp-block-column{flex-basis:calc(50% - 8px)!important;min-width:calc(50% - 8px)!important}.pelago-hero h1{font-size:clamp(44px,5vw,65px)}}
@media(max-width:780px){.pelago-header-inner{gap:8px;padding:12px 18px}.pelago-logo-mark{width:54px;height:44px;min-width:54px}.pelago-brand-wordmark{font-size:22px}.pelago-cta-head{display:none!important}.pelago-hero{padding:55px 18px 64px}.pelago-hero-inner,.pelago-principles-inner,.pelago-contact-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:33px!important}.pelago-hero-copy,.pelago-hero-visual{flex-basis:auto!important;width:100%}.pelago-hero h1{font-size:clamp(44px,8vw,65px)}.pelago-hero-visual{height:440px}.pelago-hero-emblem{width:78%;left:11%;top:5%}.pelago-topics{padding:17px}.pelago-topics-inner{justify-content:center!important;flex-wrap:wrap}.pelago-topics .pelago-dot{display:none}.pelago-topics p{font-size:11px}.pelago-section{padding:75px 18px}.pelago-services-grid,.pelago-audience-grid{flex-wrap:wrap!important}.pelago-audience-grid>.wp-block-column{flex-basis:100%!important;min-width:100%!important}.pelago-principles{padding:70px 18px}.pelago-contact{padding:70px 18px}.pelago-contact-inner{padding:36px 26px}.pelago-contact .wp-block-buttons{justify-content:flex-start}.pelago-footer{padding:55px 18px 20px}}
@media(max-width:540px){.pelago-brand{min-width:unset}.pelago-header-inner{min-height:76px}.pelago-hero{padding-top:43px}.pelago-hero h1{font-size:45px}.pelago-hero-lead{font-size:15px}.pelago-hero-note{margin-top:25px}.pelago-hero-visual{height:360px;border-radius:12px 12px 76px 12px}.pelago-hero-quote{font-size:26px}.pelago-services-grid>.wp-block-column{flex-basis:100%!important;min-width:100%!important}.pelago-service-card{min-height:245px}.pelago-service-count{margin-bottom:25px}.pelago-audience-card{padding:37px 27px;min-height:345px}.pelago-contact-inner{padding:34px 23px}.pelago-footer-top{flex-direction:column;align-items:flex-start!important}}

/* Enforce page-level section widths in FSE layout. The inner blocks retain 1220px limits. */
.wp-site-blocks > .pelago-header,
.wp-site-blocks > .pelago-hero,
.wp-site-blocks > .pelago-topics,
.wp-site-blocks > .pelago-section,
.wp-site-blocks > .pelago-principles,
.wp-site-blocks > .pelago-contact,
.wp-site-blocks > .pelago-footer {
  width:100%; max-width:none!important; margin-inline:0!important;
}
.pelago-header-inner,.pelago-hero-inner,.pelago-section-inner,
.pelago-topics-inner,.pelago-principles-inner,.pelago-footer-inner{
  width:100%;max-width:1220px!important;
}
/* WordPress can apply default margins between sibling blocks. */
.pelago-header-inner > *, .pelago-hero-actions > * {margin-block-start:0}
.pelago-header .pelago-nav .wp-block-navigation__container{gap:25px}
.pelago-header .pelago-brand .wp-block-group{margin-block-start:0}
.pelago-hero-visual .pelago-hero-quote{max-width:90%}
@media(max-width:780px){
 .pelago-header .pelago-nav .wp-block-navigation__container{gap:12px}
}