/*
Theme Name: Motive NAS
Theme URI: https://nacestylevne.cz/
Description: Child téma pro nacestylevne.cz. Nový vzhled se aktivuje POUZE přidáním ?nas_preview=1 (pro přihlášeného administrátora). Bez parametru je web naprosto stejný jako dřív.
Author: Hermes Agent
Template: motive
Version: 1.0.0
Text Domain: motive-nas
*/

/* ===================================================================
   NOVÝ DESIGN
   Vše je vázané na body.nas-preview — bez této třídy se nic nezmění.
   =================================================================== */

:root{
  --nas-ink:#12161c;
  --nas-ink2:#3d4552;
  --nas-muted:#6b7684;
  --nas-line:#e4e7ec;
  --nas-paper:#fff;
  --nas-bg:#f6f7f9;
  --nas-accent:#1e73be;
  --nas-accent-dark:#155a96;
  --nas-price:#b93434;
  --nas-radius:10px;
  --nas-max:1180px;
}

/* ---------- HERO ---------- */
.nas-hero{
  background:linear-gradient(135deg,#1e73be,#155a96);
  color:#fff;
  padding:38px 20px 34px;
}
.nas-hero-in{ max-width:var(--nas-max); margin:0 auto; }
.nas-hero h1{
  color:#fff !important;
  font-size:34px !important;
  font-weight:800 !important;
  letter-spacing:-.025em;
  margin:0 0 8px !important;
  line-height:1.18;
  text-transform:none !important;
}
.nas-hero p{ color:#c9dff5; font-size:15.5px; margin:0 0 20px; }
.nas-hero-form{
  background:#fff; border-radius:var(--nas-radius); padding:6px;
  display:flex; gap:6px; flex-wrap:wrap;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
}
.nas-hero-form input[type=text]{
  flex:1; min-width:150px; border:0 !important; background:var(--nas-bg) !important;
  padding:13px 15px !important; font-size:15px !important; border-radius:7px !important;
  font-family:inherit !important; color:var(--nas-ink) !important;
  box-shadow:none !important;
}
.nas-hero-form input[type=text]:focus{ outline:2px solid var(--nas-accent) !important; background:#fff !important; }
.nas-hero-form button{
  background:var(--nas-accent) !important; color:#fff !important; border:0 !important;
  padding:13px 26px !important; font-size:15px !important; font-weight:700 !important;
  border-radius:7px !important; cursor:pointer; font-family:inherit !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.nas-hero-form button:hover{ background:var(--nas-accent-dark) !important; }
.nas-hero-quick{ margin-top:14px; font-size:14px; color:#c9dff5; }
.nas-hero-quick a{ color:#fff; border-bottom:1px solid rgba(255,255,255,.4); margin-right:14px; }
.nas-hero-quick a:hover{ border-bottom-color:#fff; }

/* ---------- ZÁKLADY (jen v náhledu) ---------- */
body.nas-preview{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:16.5px;
  line-height:1.62;
  color:var(--nas-ink);
  background:var(--nas-bg) !important;
  -webkit-font-smoothing:antialiased;
}
body.nas-preview h1, body.nas-preview h2, body.nas-preview h3,
body.nas-preview h4, body.nas-preview .post-title, body.nas-preview .entry-title{
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:-.015em;
  font-weight:800;
  color:var(--nas-ink);
}
body.nas-preview .main.wrap{ max-width:var(--nas-max) !important; padding:26px 20px 60px; }

/* Motive používá procentuální šířky sloupců + float, NE flexbox.
   Musíme to respektovat, jinak sidebar spadne pod obsah. */
body.nas-preview .ts-row{ display:block !important; overflow:visible; }
body.nas-preview .main-content.col-8{
  width:66.6666% !important;
  float:left !important;
  padding-right:26px !important;
  box-sizing:border-box;
}
body.nas-preview .sidebar.col-4{
  width:33.3333% !important;
  float:left !important;
  box-sizing:border-box;
}
body.nas-preview .ts-row::after{ content:""; display:table; clear:both; }

/* ---------- KARTY ČLÁNKŮ ---------- */
body.nas-preview .listing-classic{ display:flex; flex-direction:column; gap:16px; }

/* PRVNÍ článek = velký featured (POUZE na homepage, ne v archivech/tazích) */
body.nas-preview.home .listing-classic .post:first-of-type,
body.nas-preview.blog .listing-classic .post:first-of-type{
  display:block !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .post-header,
body.nas-preview.blog .listing-classic .post:first-of-type .post-header{
  display:block !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .featured img,
body.nas-preview.blog .listing-classic .post:first-of-type .featured img{
  width:100% !important; height:330px !important; min-height:330px;
  border-radius:0 !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .post-title,
body.nas-preview.blog .listing-classic .post:first-of-type .post-title{
  font-size:27px !important; line-height:1.22 !important;
  margin:22px 24px 8px !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .post-meta,
body.nas-preview.blog .listing-classic .post:first-of-type .post-meta{
  margin:0 24px 10px !important; font-size:13px !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .post-container,
body.nas-preview.blog .listing-classic .post:first-of-type .post-container{
  padding:0 24px 22px !important;
}
body.nas-preview.home .listing-classic .post:first-of-type .post-content,
body.nas-preview.blog .listing-classic .post:first-of-type .post-content{
  font-size:15.5px !important; -webkit-line-clamp:3;
}
body.nas-preview.home .listing-classic .post:first-of-type .nas-price,
body.nas-preview.blog .listing-classic .post:first-of-type .nas-price{
  font-size:23px !important;
}

/* Ostatní články = řádek s obrázkem vlevo */
body.nas-preview .listing-classic .post{
  background:var(--nas-paper) !important;
  border:1px solid var(--nas-line) !important;
  border-radius:var(--nas-radius) !important;
  margin:0 !important;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(16,24,40,.06);
  transition:box-shadow .18s, transform .18s;
  display:grid;
  grid-template-columns:minmax(0,290px) minmax(0,1fr);
  align-items:stretch;
}

/* ---------- CENA (červená) ----------
   Pořadí v DOM: nadpis (header) -> CENA -> datum+kategorie -> perex
   V gridu:      řádek 1        -> 2     -> 3              -> 4
   POZOR: pravidla musí cílit přesně, jinak cena spadne na stejný
   řádek jako meta a překryje ji. */
body.nas-preview .listing-classic .post > .nas-price{
  color:var(--nas-price) !important;
  font-weight:800;
  font-size:18px;
  letter-spacing:-.01em;
  white-space:nowrap;
  line-height:1.35;
  grid-column:2 !important;
  grid-row:2 !important;
  padding:0 20px !important;
  margin:0 0 4px !important;
  align-self:end;
}
body.nas-preview .listing-classic .post > .post-meta{
  grid-column:2 !important;
  grid-row:3 !important;
  margin:0 20px 8px !important;
  padding:0 !important;
  align-self:start;
}
body.nas-preview .listing-classic .post > .post-container{
  grid-column:2 !important;
  grid-row:4 !important;
  margin:0 !important;
  padding:0 20px 18px !important;
}
/* obrázek se roztáhne přes všechny čtyři řádky */
body.nas-preview .listing-classic .post > .post-header{
  grid-column:1 !important;
  grid-row:1 / span 4 !important;
}
/* grid musí mít 4 řádky, aby se nic nepřekrylo */
body.nas-preview .listing-classic .post{
  grid-template-rows:auto auto auto auto;
}

/* Featured na homepage = display:block (žádný grid), cena jde v toku
   dokumentu mezi nadpisem a metadaty a je odsazená jako ony. */
body.nas-preview.home .listing-classic .post:first-of-type > .nas-price,
body.nas-preview.blog .listing-classic .post:first-of-type > .nas-price{
  grid-column:auto !important;
  grid-row:auto !important;
  font-size:23px !important;
  padding:0 !important;
  margin:2px 24px 10px !important;
  align-self:auto;
}
body.nas-preview.home .listing-classic .post:first-of-type > .post-meta,
body.nas-preview.blog .listing-classic .post:first-of-type > .post-meta{
  grid-column:auto !important; grid-row:auto !important;
  margin:0 24px 10px !important;
}
body.nas-preview.home .listing-classic .post:first-of-type > .post-container,
body.nas-preview.blog .listing-classic .post:first-of-type > .post-container{
  grid-column:auto !important;
  grid-row:auto !important;
  padding:0 24px 22px !important;
}
body.nas-preview.home .listing-classic .post:first-of-type > .post-header,
body.nas-preview.blog .listing-classic .post:first-of-type > .post-header{
  grid-column:auto !important;
  grid-row:auto !important;
}
body.nas-preview .listing-classic .post:hover{
  box-shadow:0 10px 28px rgba(16,24,40,.12) !important;
  transform:translateY(-2px);
}
body.nas-preview .listing-classic .post .post-header{
  grid-column:1; grid-row:1 / span 3;
  margin:0 !important; padding:0 !important; border:0 !important;
}
body.nas-preview .listing-classic .post .featured{ margin:0 !important; }
body.nas-preview .listing-classic .post .featured img,
body.nas-preview .listing-classic .post .post-thumbnail img{
  width:100% !important; height:100% !important; min-height:195px;
  object-fit:cover; display:block; border-radius:0 !important;
}
body.nas-preview .listing-classic .post .post-title{
  grid-column:2; grid-row:1;
  font-size:19px !important; line-height:1.3 !important;
  font-weight:800 !important; margin:18px 20px 6px !important;
}
body.nas-preview .listing-classic .post .post-title a{ color:var(--nas-ink) !important; }
body.nas-preview .listing-classic .post:hover .post-title a{ color:var(--nas-accent) !important; }
body.nas-preview .listing-classic .post .post-meta{
  grid-column:2; grid-row:2;
  font-size:12.5px !important; color:var(--nas-muted) !important;
  margin:0 20px 8px !important; padding:0 !important;
}
body.nas-preview .listing-classic .post .post-meta a{ color:var(--nas-accent) !important; }
/* skryjeme "By/od <autor>" — u agregátoru zbytečné, datum a kategorie zůstávají */
body.nas-preview .post-meta .posted-by,
body.nas-preview .post-meta .posted-by .reviewer{ display:none !important; }
body.nas-preview .post-meta .posted-on{ color:var(--nas-muted) !important; }
/* oddělovač "on/dne" za skrytým autorem necháme čitelný */
body.nas-preview .post-meta .posted-on::before{ content:""; }
body.nas-preview .listing-classic .post .post-container{
  grid-column:2; grid-row:3;
  margin:0 !important; padding:0 20px 18px !important;
}
body.nas-preview .listing-classic .post .post-content{
  font-size:15px !important; color:var(--nas-ink2) !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
body.nas-preview .listing-classic .post .post-content a{ color:var(--nas-price) !important; }
body.nas-preview .listing-classic .post .post-footer{ display:none !important; }

/* ---------- SIDEBAR ---------- */
body.nas-preview .sidebar ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
body.nas-preview .sidebar .widget{
  background:var(--nas-paper) !important;
  border:1px solid var(--nas-line) !important;
  border-radius:var(--nas-radius) !important;
  margin:0 0 18px !important;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(16,24,40,.06);
  padding:0 !important;
}
body.nas-preview .sidebar .widget-title{
  font-size:12.5px !important; font-weight:800 !important;
  text-transform:uppercase !important; letter-spacing:.07em;
  padding:13px 16px !important; margin:0 !important;
  border-bottom:1px solid var(--nas-line) !important;
  background:var(--nas-paper);
}
body.nas-preview .sidebar .widget > *:not(.widget-title){ padding-left:16px; padding-right:16px; }
body.nas-preview .sidebar .widget > *:last-child{ padding-bottom:14px; }
body.nas-preview .sidebar .widget iframe{ width:100% !important; border:0; }
body.nas-preview .sidebar .widget img{ max-width:100%; height:auto; border-radius:5px; }
body.nas-preview .sidebar .widget img[src*="banner"],
body.nas-preview .sidebar .widget img[src*="ehub"]{ border-radius:0; }

/* ---------- ODKAZY (červená, jako ve vzoru) ---------- */
body.nas-preview .post-content a,
body.nas-preview .entry-content a{
  color:var(--nas-price) !important; text-decoration:none;
  border-bottom:1px solid rgba(185,52,52,.3);
}
body.nas-preview .post-content a:hover,
body.nas-preview .entry-content a:hover{
  color:var(--nas-accent) !important; border-bottom-color:var(--nas-accent);
}
body.nas-preview .post-meta a{ color:var(--nas-accent) !important; }

/* ---------- SIDEBAR: červené ceny u destinací ---------- */
body.nas-preview .sidebar a{ color:var(--nas-ink); }
body.nas-preview .sidebar a:hover{ color:var(--nas-accent); }
/* textový widget s výčtem destinací — zvýrazníme ceny */
body.nas-preview .sidebar .textwidget{ font-size:14.5px; line-height:1.75; }
body.nas-preview .sidebar .textwidget a{ color:var(--nas-price) !important; font-weight:700; }

/* ---------- TLAČÍTKA A FORMULÁŘE ---------- */
body.nas-preview button, body.nas-preview input[type=submit],
body.nas-preview .btn, body.nas-preview a.button{
  font-family:inherit !important; font-weight:700; border-radius:7px;
  background:var(--nas-accent) !important; color:#fff !important; border:0;
  padding:11px 20px; cursor:pointer; text-transform:none !important;
}
body.nas-preview button:hover, body.nas-preview input[type=submit]:hover{
  background:var(--nas-accent-dark) !important;
}
body.nas-preview input[type=text], body.nas-preview input[type=search],
body.nas-preview input[type=email], body.nas-preview select,
body.nas-preview textarea{
  font-family:inherit !important; border:1px solid var(--nas-line) !important;
  border-radius:7px !important; padding:11px 13px !important; font-size:15px;
  background:var(--nas-paper);
}
body.nas-preview input:focus, body.nas-preview select:focus{
  outline:2px solid var(--nas-accent) !important; outline-offset:-1px;
  border-color:var(--nas-accent) !important;
}

/* ---------- HLAVIČKA (logo + menu v jednom řádku, jako ve vzoru) ---------- */
body.nas-preview .main-head{ background:#fff !important; border-bottom:1px solid var(--nas-line); }
body.nas-preview .main-head .wrap{ max-width:var(--nas-max) !important; padding:0 20px; }
/* Motive má v hlavičce obří line-height — srovnat */
body.nas-preview .main-head,
body.nas-preview .main-head *{ line-height:1.3 !important; }
body.nas-preview .main-head .title{ line-height:1 !important; }

/* Motive: .main-head header { min-height:158px; line-height:158px } -> zrušit.
   Pozor: selektor musí cílit JEN na .main-head .wrap, ne na .main.wrap! */
body.nas-preview .main-head header,
body.nas-preview .main-head .nas-head{
  min-height:0 !important;
  line-height:1.3 !important;
  overflow:visible !important;
}
body.nas-preview .main-head > .wrap,
body.nas-preview .main-head .wrap.nav-wrap{
  min-height:0 !important;
  line-height:1.3 !important;
  height:auto !important;
}
/* obecné pravidlo pro hlavičku, ať nesvazuje obsah */
body.nas-preview .main-head{ min-height:0 !important; }

.nas-head{ background:#fff; }
.nas-head-in{
  max-width:var(--nas-max); margin:0 auto; padding:12px 20px;
  display:flex; align-items:center; gap:28px;
}
.nas-logo{
  display:flex; align-items:center; gap:9px;
  font-size:19px; font-weight:800; letter-spacing:-.02em;
  color:var(--nas-ink); text-decoration:none; flex:0 0 auto;
  line-height:1 !important;
}
.nas-logo svg{ width:26px; height:26px; fill:var(--nas-accent); flex:0 0 auto; }
.nas-logo-text{
  color:var(--nas-ink);
  line-height:1 !important;
  font-size:19px !important;
  height:auto !important;
  display:inline-block !important;
}
.nas-logo:hover .nas-logo-text{ color:var(--nas-accent); }

.nas-nav{ margin-left:auto; }
.nas-nav ul{
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:flex; gap:4px; flex-wrap:wrap; line-height:1 !important;
}
.nas-nav li{ margin:0 !important; line-height:1 !important; position:relative; }
.nas-nav a{
  display:block; padding:8px 14px !important;
  font-size:16.5px !important; font-weight:600 !important;
  line-height:1.3 !important;
  color:var(--nas-ink) !important; text-transform:none !important;
  letter-spacing:0 !important; text-decoration:none;
  border-radius:7px;
  border-bottom:2px solid transparent;
  transition:color .15s, border-color .15s, background .15s;
}

/* ---------- ROZBALOVACÍ PODMENU ---------- */
.nas-nav .sub-menu,
.nas-nav ul ul{
  display:none;
  position:absolute; top:100%; left:0; z-index:200;
  min-width:230px;
  background:#fff;
  border:1px solid var(--nas-line);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(16,24,40,.14);
  padding:6px !important;
  margin-top:6px;
  flex-direction:column;
  gap:0;
}
.nas-nav li:hover > .sub-menu,
.nas-nav li:focus-within > .sub-menu{ display:flex; }
.nas-nav .sub-menu li{ position:relative; }
.nas-nav .sub-menu a{
  display:block !important;
  padding:9px 13px !important;
  font-size:15px !important; font-weight:500 !important;
  color:var(--nas-ink2) !important;
  border-radius:6px;
  border-bottom:0 !important;
  white-space:nowrap;
}
.nas-nav .sub-menu a:hover{
  background:var(--nas-bg) !important;
  color:var(--nas-accent) !important;
}
/* šipka u položky s podmenu */
.nas-nav li.menu-item-has-children > a::after{
  content:""; display:inline-block; width:0; height:0;
  margin-left:7px; vertical-align:middle;
  border-left:4px solid transparent; border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:.55;
}
.nas-nav a:hover{ color:var(--nas-accent) !important; }
.nas-nav .current-menu-item > a,
.nas-nav .current_page_item > a{
  color:var(--nas-accent) !important; border-bottom-color:var(--nas-accent);
}

/* skryjeme původní tmavý pás s navigací (menu je teď v hlavičce) */
body.nas-preview .nav-wrap{ display:none !important; }

/* ---------- PATIČKA ---------- */
body.nas-preview .main-footer{
  background:#12161c !important; color:#98a2b3 !important;
  padding:34px 0 !important; margin-top:40px;
}
body.nas-preview .main-footer a{ color:#cbd5e1 !important; }
body.nas-preview .main-footer a:hover{ color:#fff !important; }

/* ---------- SKRYTÉ ROZBITÉ PRVKY ---------- */
body.nas-preview a[href*="plus.google.com"],
body.nas-preview .share-google-plus{ display:none !important; }

/* Jetpack Likes — iframe, který se nikdy nenačte (věčné "Načítání…").
   Rozbitý widget je horší než žádný, proto ho skryjeme celý. */
body.nas-preview .sd-sharing,
body.nas-preview .sharedaddy,
body.nas-preview .wpl-likebox,
body.nas-preview .post-likes-widget-placeholder,
body.nas-preview .jetpack-likes-widget-wrapper,
body.nas-preview .likes-widget-placeholder,
body.nas-preview .sd-content,
body.nas-preview .sd-block,
body.nas-preview .jp-relatedposts,
body.nas-preview iframe[src*="jetpack"],
body.nas-preview iframe[src*="likes-widget"]{
  display:none !important;
}
/* a samotný nadpis "Líbí se mi to:" */
body.nas-preview .sd-title,
body.nas-preview h3.sd-title{ display:none !important; }

/* ---------- SAMOSTATNÝ ČLÁNEK ---------- */
body.nas-preview.single .post-title{ font-size:30px !important; line-height:1.22 !important; }
body.nas-preview.single .post-container{ padding:0 !important; }
body.nas-preview.single .post-content{ font-size:17px !important; line-height:1.72 !important; }
body.nas-preview.single .post-content h2{ font-size:22px !important; margin:28px 0 10px !important; }
body.nas-preview.single .post-content h3{ font-size:18.5px !important; margin:22px 0 8px !important; }
body.nas-preview.single .post-content table{ width:100%; border-collapse:collapse; margin:16px 0; }
body.nas-preview.single .post-content th,
body.nas-preview.single .post-content td{
  border:1px solid var(--nas-line); padding:10px 12px; text-align:left; font-size:15px;
}
body.nas-preview.single .post-content th{ background:var(--nas-bg); font-weight:700; }
body.nas-preview.single .post-content ul,
body.nas-preview.single .post-content ol{ padding-left:22px; margin:12px 0; }
body.nas-preview.single .post-content li{ margin-bottom:6px; }
body.nas-preview.single .featured img{ border-radius:var(--nas-radius); }

/* ---------- RESPONZIVITA ---------- */
@media (max-width:900px){
  body.nas-preview .listing-classic .post{ grid-template-columns:1fr; grid-template-rows:auto auto auto auto auto; }
  body.nas-preview .listing-classic .post > .post-header{ grid-column:1; grid-row:1 / span 2 !important; }
  body.nas-preview .listing-classic .post .featured img{ min-height:0; height:200px; }
  body.nas-preview .listing-classic .post .post-title{ grid-column:1; grid-row:3; margin:14px 16px 4px !important; }
  body.nas-preview .listing-classic .post > .nas-price{ grid-column:1; grid-row:4; padding:0 16px !important; margin:0 0 4px !important; }
  body.nas-preview .listing-classic .post > .post-meta{ grid-column:1; grid-row:5; margin:0 16px 8px !important; }
  body.nas-preview .listing-classic .post > .post-container{ grid-column:1; grid-row:6; padding:0 16px 16px !important; }
  body.nas-preview .main-content.col-8,
  body.nas-preview .sidebar.col-4{ width:100% !important; float:none !important; padding-right:0 !important; }
  .nas-hero{ padding:26px 16px; }
  .nas-hero h1{ font-size:24px !important; }
  .nas-nav ul{ flex-wrap:wrap; }
  .nas-nav a{ padding:7px 10px !important; font-size:14.5px !important; }
}