/*
Theme Name: Silvia Child
Theme URI: https://rlphotography.cz
Description: Child theme pro Silvia - ultraminimalistické foto portfolio
Author: Rostislav Lištvan
Author URI: https://rlphotography.cz
Template: silvia
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: silvia-child
*/

/* =============================================
   IMPORT PARENT THEME
   ============================================= */
@import url("../silvia/style.css");

/* =============================================
   GOOGLE FONTS — Oswald + Crimson Text
   ============================================= */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

/* =============================================
   GLOBÁLNÍ TYPOGRAFIE
   ============================================= */
body,
button,
input,
select,
textarea {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.main-navigation,
.main-navigation a,
.site-title,
.entry-title,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
}

/* =============================================
   HEADER & LOGO
   ============================================= */
.site-title {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.site-title a {
  color: #111 !important;
  text-decoration: none;
}

.site-description {
  font-family: 'Crimson Text', serif;
  font-style: italic;
  font-size: 14px;
  color: #999;
  letter-spacing: 0.04em;
}

.site-header {
  padding: 24px 0;
  border-bottom: 1px solid #f0f0f0;
}

/* =============================================
   NAVIGACE
   ============================================= */
.main-navigation {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.main-navigation a {
  color: #999 !important;
  font-weight: 400;
  padding: 4px 0 !important;
  transition: color 0.2s ease;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a {
  color: #111 !important;
}

.main-navigation ul li {
  margin: 0 16px;
}

/* Dropdown menu */
.main-navigation ul ul {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-top: 2px solid #111;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  padding: 8px 0;
}

.main-navigation ul ul a {
  font-size: 11px;
  padding: 6px 16px !important;
}

/* =============================================
   MASONRY GALERIE NA HOMEPAGE
   ============================================= */
.home .gallery,
.page-template-default .gallery {
  column-count: 3;
  column-gap: 4px;
  padding: 0;
}

.home .gallery-item,
.page-template-default .gallery-item {
  break-inside: avoid;
  margin: 0 0 4px 0;
  display: block;
  width: 100% !important;
}

.home .gallery-item img,
.page-template-default .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s ease;
}

.home .gallery-item:hover img,
.page-template-default .gallery-item:hover img {
  opacity: 0.85;
}

/* =============================================
   STRÁNKY SE SÉRIEMI — grid galerie
   ============================================= */
.gallery {
  column-count: 3;
  column-gap: 4px;
  margin: 0 !important;
  padding: 0 !important;
}

.gallery-item {
  break-inside: avoid;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.gallery-item img:hover {
  opacity: 0.8;
}

/* Schovat caption pod fotkami */
.gallery-caption {
  display: none;
}

/* =============================================
   OBSAH STRÁNKY
   ============================================= */
.site-content {
  padding: 0;
}

.content-area {
  width: 100%;
  float: none;
}

.entry-header {
  padding: 40px 0 24px;
  text-align: left;
}

.entry-title {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #aaa;
  margin: 0;
}

.entry-content {
  padding: 0 0 48px;
}

/* =============================================
   HOMEPAGE — speciální layout
   ============================================= */
.home .entry-header {
  padding: 48px 0 32px;
}

.home .entry-title {
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #bbb;
}

/* =============================================
   HOVER OVERLAY NA FOTKÁCH
   ============================================= */
.gallery-item {
  position: relative;
  overflow: hidden;
}

/* =============================================
   FOOTER
   ============================================= */
.site-footer {
  border-top: 1px solid #f0f0f0;
  padding: 24px 0;
  margin-top: 48px;
}

.site-info {
  font-size: 11px;
  color: #bbb;
  letter-spacing: 0.04em;
}

.site-info a {
  color: #999 !important;
}

/* =============================================
   SIDEBAR — schovat na foto stránkách
   ============================================= */
.widget-area {
  display: none;
}

/* =============================================
   RESPONZIVITA
   ============================================= */
@media (max-width: 768px) {
  .gallery,
  .home .gallery,
  .page-template-default .gallery {
    column-count: 2;
  }

  .main-navigation ul li {
    margin: 0 10px;
  }

  .entry-header {
    padding: 24px 0 16px;
  }
}

@media (max-width: 480px) {
  .gallery,
  .home .gallery,
  .page-template-default .gallery {
    column-count: 1;
  }
}

/* =============================================
   LIGHTBOX — Jetpack (pokud aktivní)
   ============================================= */
#carousel-overlay {
  background: rgba(0,0,0,0.96) !important;
}

/* =============================================
   FONT — přebít Inter který přichází odjinud
   ============================================= */
body,
body *,
button,
input,
select,
textarea {
  font-family: 'Crimson Text', serif !important;
}

.main-navigation,
.main-navigation *,
.main-navigation a,
.site-title,
.entry-title,
.page-title,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif !important;
}

/* =============================================
   HOMEPAGE — schovat nadpis "Hlavní stránka"
   ============================================= */
.home .page-title,
.home .entry-title {
  display: none !important;
}

/* =============================================
   FOOTER — schovat "Designed by Theme Junkie"
   ============================================= */
.site-info .copyright a[href*="theme-junkie"] {
  display: none;
}

/* Schovat i " · Designed by" text — přes JS v functions.php */

/* =============================================
   CAROUSEL — Smart Slider 3 tečky → tenké linky
   ============================================= */

/* Základní dot */
.n2-bullet {
  width: 24px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: #ddd !important;
  margin: 0 3px !important;
  transition: background 0.2s ease, width 0.2s ease !important;
}

/* Aktivní dot */
.n2-bullet.n2-active {
  background: #111 !important;
  width: 32px !important;
}

/* Hover */
.n2-bullet:hover {
  background: #888 !important;
}

/* =============================================
   NEKLIKATELNÉ RODIČOVSKÉ POLOŽKY MENU
   (Příroda, Série — pouze otevírají submenu)
   ============================================= */
.main-navigation .menu-item-has-children > a[href="#"],
.main-navigation .menu-item-has-children > a.no-click {
  cursor: default;
  pointer-events: none;
}