/* Global Strana.ee visual layer on top of Classima. */

:root {
  --strana-blue:#1169b2;
  --strana-blue-dark:#0b4f8a;
  --strana-ink:#122234;
  --strana-muted:#657382;
  --strana-border:#e2e8ee;
  --strana-surface:#f5f8fa;
  --strana-radius:18px;
  --strana-shadow:0 12px 36px rgba(20,40,60,.07);
}

html,body { margin-top:0!important; }
body.strana-public-site { color:var(--strana-ink); background:#fff; }
body.admin-bar .strana-site-header { top:0!important; }

/* One Strana.ee header across the entire public portal. */
.strana-site-header {
  position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--strana-border);box-shadow:0 4px 18px rgba(20,40,60,.045);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.strana-brand__image .custom-logo-link { display:flex;align-items:center; }
.strana-brand__image img.custom-logo,
.strana-inline-logo { display:block;width:auto!important;height:auto!important;max-width:158px!important;max-height:60px!important;object-fit:contain; }

/* Classima's large page-title/breadcrumb chrome is not part of Strana.ee design. */
body.page .entry-banner,
body.page .entry-banner-area,
body.page .page-title-wrap,
body.page .page-title-area,
body.page .breadcrumb-area,
body.page .rtin-breadcrumb-area,
body.page .inner-page-banner,
body.page .banner-area { display:none!important; }

body.page:not(.home) .site-content,
body.page:not(.home) #content { padding-top:32px; padding-bottom:48px; }
body.page:not(.home) .entry-content {
  max-width:1000px;margin-inline:auto;color:#455563;font-size:17px;line-height:1.7;
}
body.page:not(.home) .entry-content > h1:first-child {
  margin:0 0 20px;color:var(--strana-ink);font-size:clamp(34px,6vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:850;
}
body.page:not(.home) .entry-content h2 { margin-top:34px;color:var(--strana-ink);font-size:28px;letter-spacing:-.025em; }
body.page:not(.home) .entry-content p,
body.page:not(.home) .entry-content li { color:#526170; }
body.page:not(.home) .entry-content ul { padding-left:22px; }

/* Parent-theme pink/red controls become Strana blue. */
a { transition:color .18s ease,background .18s ease,border-color .18s ease; }
.rtcl .btn-primary,
.rtcl button.btn-primary,
.rtcl a.btn-primary,
.rtcl-submit-btn,
button[type='submit'].rtcl-btn { background:var(--strana-blue)!important;border-color:var(--strana-blue)!important; }
.rtcl .btn-primary:hover,
.rtcl button.btn-primary:hover,
.rtcl a.btn-primary:hover { background:var(--strana-blue-dark)!important;border-color:var(--strana-blue-dark)!important; }

/* Real icons for the 12 main classified categories. Classima/RTCL includes Font Awesome 6 support. */
.strana-category__icon { font-size:0!important; }
.strana-category__icon::before { font-family:'Font Awesome 6 Free','Font Awesome 5 Free',sans-serif;font-weight:900;font-size:21px;line-height:1; }
.strana-category[href*='nedvizhimost'] .strana-category__icon::before { content:'\f1ad'; }
.strana-category[href*='avto-transport'] .strana-category__icon::before { content:'\f1b9'; }
.strana-category[href*='rabota'] .strana-category__icon::before { content:'\f0b1'; }
.strana-category[href*='uslugi'] .strana-category__icon::before { content:'\f7d9'; }
.strana-category[href*='elektronika'] .strana-category__icon::before { content:'\f109'; }
.strana-category[href*='dom-sad'] .strana-category__icon::before { content:'\f4b8'; }
.strana-category[href*='odezhda-stil'] .strana-category__icon::before { content:'\f553'; }
.strana-category[href*='detskoe'] .strana-category__icon::before { content:'\f77d'; }
.strana-category[href*='hobbi-sport-otdyh'] .strana-category__icon::before { content:'\f70c'; }
.strana-category[href*='zhivotnye'] .strana-category__icon::before { content:'\f1b0'; }
.strana-category[href*='biznes-oborudovanie'] .strana-category__icon::before { content:'\f275'; }
.strana-category[href*='otdam-besplatno'] .strana-category__icon::before { content:'\f06b'; }

.strana-privacy-note {
  margin:14px 0;padding:14px 16px;border:1px solid #cfe2f1;border-radius:12px;background:#f2f8fd;color:#3c5367;font-size:14px;line-height:1.5;
}
.strana-privacy-note strong { color:var(--strana-ink); }

/* Listing submission: clear form choice + privacy-first explanation. */
.strana-submit-intro { max-width:980px;margin:0 auto 26px; }
.strana-submit-intro h1 { margin:8px 0 8px;color:var(--strana-ink);font-size:clamp(36px,6vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:900; }
.strana-submit-intro>p { margin:0;color:#617281;font-size:18px;line-height:1.55; }
body.page-id-6 .rtcl-form-page-wrap,
body.page-id-6 .rtcl-listing-form-wrap,
body.page-id-6 .rtcl-form-builder-wrap { max-width:980px;margin-inline:auto; }
body.page-id-6 .rtcl-form-builder-form-selector,
body.page-id-6 [class*='form-selector'],
body.page-id-6 [class*='form-list'] { border-color:var(--strana-border)!important;border-radius:18px!important; }
body.page-id-6 .rtcl-form-group,
body.page-id-6 .rtcl-form-builder-section { margin-bottom:18px; }
body.page-id-6 .rtcl-form-control,
body.page-id-6 input[type='text'],
body.page-id-6 input[type='number'],
body.page-id-6 input[type='email'],
body.page-id-6 select,
body.page-id-6 textarea { border-color:#d7e1e8!important;border-radius:10px!important;box-shadow:none!important; }
body.page-id-6 .rtcl-form-control:focus,
body.page-id-6 input:focus,
body.page-id-6 select:focus,
body.page-id-6 textarea:focus { border-color:var(--strana-blue)!important;box-shadow:0 0 0 3px rgba(17,105,178,.10)!important; }

/* Information / mission landing pages. */
.strana-info-page { background:#fff; }
.strana-info-hero { padding:72px 0 52px;background:linear-gradient(145deg,#f7fbff 0%,#eef7fd 55%,#fff 100%);border-bottom:1px solid var(--strana-border); }
.strana-info-hero__grid { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:52px;align-items:center; }
.strana-info-hero h1 { margin:12px 0 20px;max-width:900px;color:var(--strana-ink);font-size:clamp(42px,5.6vw,72px);line-height:.99;letter-spacing:-.055em;font-weight:900; }
.strana-lead { margin:0;max-width:780px;color:#526575;font-size:clamp(18px,2vw,22px);line-height:1.55; }
.strana-info-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:28px; }
.strana-language-promise,.strana-mission-card { padding:28px;border:1px solid #dbe8f1;border-radius:24px;background:#fff;box-shadow:var(--strana-shadow); }
.strana-language-promise strong,.strana-mission-card span { display:block;margin-bottom:12px;color:var(--strana-blue);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.strana-language-promise p { margin:0;color:#4e6272;font-size:16px;line-height:1.65; }
.strana-mission-card strong { color:var(--strana-ink);font-size:25px;line-height:1.25;letter-spacing:-.025em; }
.strana-info-section { padding:64px 0; }
.strana-info-section--soft { background:var(--strana-surface);border-block:1px solid var(--strana-border); }
.strana-topic-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.strana-topic-card { display:flex;flex-direction:column;min-height:250px;padding:24px;border:1px solid var(--strana-border);border-radius:20px;background:#fff;color:var(--strana-ink)!important;text-decoration:none!important;box-shadow:0 4px 16px rgba(20,40,60,.035); }
.strana-topic-card:hover { transform:translateY(-2px);border-color:#bcd7e8;box-shadow:var(--strana-shadow); }
.strana-topic-card__icon { display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:#eaf5fc;color:var(--strana-blue);font-weight:900; }
.strana-topic-card strong { font-size:20px;letter-spacing:-.02em; }
.strana-topic-card p { margin:10px 0;color:#617281;line-height:1.55; }
.strana-topic-card__more { margin-top:auto;padding-top:14px;color:var(--strana-blue);font-weight:800; }
.strana-step-grid,.strana-pillar-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.strana-step-grid article,.strana-pillar-grid article { padding:28px;border:1px solid var(--strana-border);border-radius:20px;background:#fff; }
.strana-step-grid article>span,.strana-pillar-grid article>span { display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf5fc;color:var(--strana-blue);font-weight:900; }
.strana-step-grid h3,.strana-pillar-grid h2 { margin:18px 0 10px;color:var(--strana-ink);font-size:22px;letter-spacing:-.025em; }
.strana-step-grid p,.strana-pillar-grid p { margin:0;color:#617281;line-height:1.6; }
.strana-article-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.strana-article-card { padding:24px;border:1px solid var(--strana-border);border-radius:18px;background:#fff; }
.strana-article-card time { color:#82909b;font-size:13px;font-weight:700; }
.strana-article-card h3 { margin:10px 0 8px;font-size:20px;line-height:1.25; }
.strana-article-card h3 a { color:var(--strana-ink)!important;text-decoration:none!important; }
.strana-article-card h3 a:hover { color:var(--strana-blue)!important; }
.strana-article-card p { margin:0;color:#657382;line-height:1.55; }
.strana-empty-state { padding:28px;border:1px dashed #cfdbe4;border-radius:18px;background:#fbfdff;text-align:center; }
.strana-empty-state strong { color:var(--strana-ink);font-size:20px; }
.strana-empty-state p { margin:7px 0 0;color:#657382; }
.strana-values-grid { display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start; }
.strana-values-grid h2 { margin:10px 0;color:var(--strana-ink);font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.04em; }
.strana-values-list { display:grid;gap:14px; }
.strana-values-list article { padding:22px 24px;border:1px solid var(--strana-border);border-radius:18px;background:#fff; }
.strana-values-list strong { display:block;margin-bottom:7px;color:var(--strana-ink);font-size:18px; }
.strana-values-list p { margin:0;color:#617281;line-height:1.55; }
.strana-mission-cta { display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px;border:1px solid #cfe2f1;border-radius:24px;background:#f2f8fd; }
.strana-mission-cta h2 { margin:8px 0;color:var(--strana-ink);font-size:clamp(30px,4vw,46px);letter-spacing:-.04em; }
.strana-mission-cta p { margin:0;color:#5f7180; }

@media (max-width:960px){
  .strana-info-hero__grid,.strana-values-grid { grid-template-columns:1fr;gap:28px; }
  .strana-topic-grid,.strana-step-grid,.strana-pillar-grid,.strana-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .strana-mission-cta { align-items:flex-start;flex-direction:column; }
}
@media (max-width:860px){
  .strana-brand__image img.custom-logo,.strana-inline-logo { max-width:132px!important;max-height:52px!important; }
}
@media (max-width:640px){
  .strana-brand__image img.custom-logo,.strana-inline-logo { max-width:116px!important;max-height:46px!important; }
  body.page:not(.home) .site-content,body.page:not(.home) #content { padding-top:20px; }
  body.page:not(.home) .entry-content { font-size:16px;line-height:1.65; }
  .strana-submit-intro h1 { font-size:38px; }
  .strana-submit-intro>p { font-size:16px; }
  .strana-info-hero { padding:38px 0 32px; }
  .strana-info-hero h1 { font-size:clamp(36px,10.7vw,48px); }
  .strana-info-section { padding:42px 0; }
  .strana-topic-grid,.strana-step-grid,.strana-pillar-grid,.strana-article-grid { grid-template-columns:1fr; }
  .strana-topic-card { min-height:0; }
  .strana-mission-cta { padding:24px; }
}


/* Shared public-page cleanup. */
body.strana-public-site #preloader{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.strana-public-site a.scrollToTop{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;right:18px!important;bottom:18px!important;
  border:1px solid #b9d8ea!important;border-radius:50%!important;background:rgba(235,247,253,.96)!important;
  color:#1169b2!important;box-shadow:0 6px 20px rgba(17,70,105,.13)!important
}
body.strana-public-site a.scrollToTop:hover{background:#1169b2!important;color:#fff!important;border-color:#1169b2!important}
@media(max-width:640px){
  body.strana-public-site .strana-useful-drawer{display:none!important}
  body.strana-public-site a.scrollToTop{width:40px!important;height:40px!important;right:12px!important;bottom:12px!important}
}
