/* Strana.ee compact layout polish — homepage categories, articles and responsive header. */

/* Classified categories: same information, less vertical space. */
.strana-category-grid{gap:10px}
.strana-category{min-height:74px;padding:11px 13px;gap:11px;border-radius:14px}
.strana-category__icon{width:40px;height:40px;flex-basis:40px;border-radius:11px;font-size:19px}
.strana-category__text strong{font-size:14px;line-height:1.2}
.strana-category__text small{margin-top:3px;font-size:11px}

/* Homepage hero controls: one clear primary action, lighter secondary navigation. */
body.home .strana-search{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;padding:5px!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(15,23,32,.06)!important}
body.home .strana-search input[type='search']{min-width:0!important;min-height:50px!important;padding:0 14px!important}
body.home .strana-search button{min-width:108px!important;min-height:50px!important;padding:0 20px!important;border-radius:10px!important;font-size:15px!important}
body.home .strana-hero__actions{align-items:center!important;gap:12px!important;margin-top:18px!important}
body.home .strana-hero__actions .strana-btn--primary{min-height:50px!important;padding-inline:22px!important;border-radius:12px!important}
body.home .strana-hero__actions .strana-btn--ghost{min-height:auto!important;padding:8px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--strana-blue)!important}
body.home .strana-hero__actions .strana-btn--ghost::after{content:' →';margin-left:4px}
body.home .strana-hero__actions .strana-btn--ghost:hover{background:transparent!important;color:var(--strana-blue-dark)!important;transform:none!important}
body.home .strana-trustline{gap:10px 18px!important;margin-top:17px!important;font-size:12px!important}

/* Articles landing: quiet hero, compact clickable category rows. */
.strana-articles-hero{padding:54px 0 42px}
.strana-articles-hero h1{margin:10px 0 14px;max-width:900px;color:var(--strana-ink);font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em;font-weight:900}
.strana-articles-sections{padding:46px 0}
.strana-article-sections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.strana-article-section{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 13px;border:1px solid var(--strana-border);border-radius:14px;background:#fff;color:var(--strana-ink)!important;text-decoration:none!important;box-shadow:0 3px 12px rgba(20,40,60,.025)}
.strana-article-section:hover{border-color:#bfd8e9;background:#f8fbfd;transform:translateY(-1px)}
.strana-article-section__icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eaf5fc;color:var(--strana-blue);font-size:15px}
.strana-article-section strong{font-size:15px;line-height:1.15}
.strana-article-section__arrow{margin-left:auto;color:#91a1ad;font-weight:800}

/* Latest articles: one clear reading column. */
.strana-articles-latest{padding:48px 0}
.strana-article-list{display:grid;gap:12px;max-width:980px}
.strana-article-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);overflow:hidden;border:1px solid var(--strana-border);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(15,23,32,.035)}
.strana-article-row:not(:has(.strana-article-row__media)){grid-template-columns:1fr}
.strana-article-row__media{display:block;min-height:165px;background:#eef4f8;overflow:hidden}
.strana-article-row__media img{display:block;width:100%;height:100%;min-height:165px;object-fit:cover}
.strana-article-row__body{padding:20px 22px}
.strana-article-row time{color:#8a98a4;font-size:12px;font-weight:700}
.strana-article-row h3{margin:6px 0 8px;font-size:22px;line-height:1.22;letter-spacing:-.02em}
.strana-article-row h3 a{color:var(--strana-ink)!important;text-decoration:none!important}
.strana-article-row p{margin:0;color:#657382;font-size:14px;line-height:1.5}
.strana-article-row__more{display:inline-block;margin-top:10px;color:var(--strana-blue)!important;font-weight:800;text-decoration:none!important}

/* Homepage article previews: show the real article cover before opening it. */
.strana-home-article-card{padding:0!important;overflow:hidden}
.strana-home-article-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef4f8}
.strana-home-article-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.strana-home-article-card:hover .strana-home-article-card__media img{transform:scale(1.025)}
.strana-home-article-card__body{padding:20px 22px 22px}

/* Approved brand: use the exact PNG uploaded to WordPress, just display it larger. */
.strana-brand--approved{display:inline-flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important}
.strana-brand__approved-png{display:block!important;width:auto!important;height:56px!important;max-width:360px!important;object-fit:contain!important}

/* Switch before the desktop navigation starts wrapping. */
@media (max-width:1100px){
  .strana-desktop-nav{display:none!important}
  .strana-mobile-menu{display:block!important}
  .strana-site-header__inner{gap:10px}
  .strana-header-actions{margin-left:auto}
}

@media (max-width:760px){
  body.home .strana-hero{padding-bottom:36px!important}
  body.home .strana-search{margin-top:22px!important}
  body.home .strana-search input[type='search']{min-height:48px!important;font-size:16px!important}
  body.home .strana-search button{min-width:96px!important;min-height:48px!important;padding:0 15px!important;font-size:14px!important}
  body.home .strana-hero__actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;margin-top:14px!important}
  body.home .strana-hero__actions .strana-btn--primary{width:100%!important;min-height:52px!important}
  body.home .strana-hero__actions .strana-btn--ghost{align-self:center!important;width:auto!important;margin-top:3px!important;font-size:14px!important}
  body.home .strana-trustline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;font-size:11px!important;line-height:1.3!important}
  body.home .strana-trustline span{min-width:0!important}
  body.home .strana-trustline span::before{margin-right:4px!important}

  .strana-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .strana-category{min-height:64px;padding:9px 10px;gap:9px;align-items:center;flex-direction:row}
  .strana-category__icon{width:35px;height:35px;flex-basis:35px;font-size:16px}
  .strana-category__text strong{font-size:13px}
  .strana-category__text small{display:none}
  .strana-section{padding:42px 0}
  .strana-launch-card{padding:19px 18px;gap:16px}
  .strana-launch-card h3{font-size:20px}

  .strana-articles-hero{padding:34px 0 28px}
  .strana-articles-hero h1{font-size:clamp(34px,10vw,46px)}
  .strana-articles-hero .strana-lead{font-size:16px}
  .strana-articles-sections{padding:32px 0}
  .strana-article-sections-grid{grid-template-columns:1fr 1fr;gap:8px}
  .strana-article-section{min-height:52px;padding:8px 10px;gap:8px}
  .strana-article-section__icon{width:30px;height:30px;flex-basis:30px;font-size:13px}
  .strana-article-section strong{font-size:13px}
  .strana-article-section__arrow{display:none}
  .strana-articles-latest{padding:34px 0}
  .strana-article-row{grid-template-columns:1fr}
  .strana-article-row__media{min-height:190px;max-height:230px}
  .strana-article-row__media img{min-height:190px;max-height:230px}
  .strana-article-row__body{padding:17px}
  .strana-article-row h3{font-size:19px}
  .strana-article-row p{font-size:13px}

  .strana-home-article-card__body{padding:16px 17px 18px}
  .strana-brand__approved-png{height:50px!important;max-width:320px!important}
}

@media (max-width:520px){
  .strana-header-account,.strana-header-messages{display:none!important}
  .strana-header-post{display:none!important}
  .strana-admin-upload-label{display:none}
  .strana-admin-upload{min-width:42px!important;padding-inline:10px!important}
  .strana-brand__approved-png{height:44px!important;max-width:270px!important}
}