/* Miasto Kwiatów - Nowy CSS (wzorowany na oryginale Virtue theme) */
/* Kolory: accent #dd3333, nav #f95780, topbar #dd3333 */
/* Fonty: Give You Glory (logo), Kotta One (nagłówki/body), Alegreya (body alt), Lato (detale) */

@import url('https://fonts.googleapis.com/css2?family=Give+You+Glory&family=Kotta+One&family=Alegreya:ital@0;1&family=Lato:wght@400;700&display=swap');

/* === RESET === */
*, *::before, *::after { box-sizing: border-box; }
body {
    margin: 0;
    font-family: 'Kotta One', 'Alegreya', serif;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    background: #fff;
}
img { max-width: 100%; height: auto; display: block; }
a { color: #dd3333; text-decoration: none; }
a:hover { color: #c02020; }
h1, h2, h3, h4, h5, h6 { font-family: 'Kotta One', serif; color: #333; margin-top: 0; }
h1 { font-size: 32px; line-height: 1.3; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
ul { padding-left: 20px; }

/* === LAYOUT === */
.container, #wrapper { max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.row > [class*="col-"] { padding: 0 15px; }
.col-md-4 { flex: 0 0 33.33%; max-width: 33.33%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-8 { flex: 0 0 66.66%; max-width: 66.66%; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
.clearfix::after { content: ''; display: table; clear: both; }

/* === TOPBAR === */
#topbar {
    background: #dd3333;
    padding: 4px 0;
    min-height: 8px;
}

/* === HEADER === */
header.banner { padding-bottom: 10px; }
#logo {
    padding: 20px 0 5px;
    text-align: left;
}
#logo a.brand, .logofont {
    font-family: 'Give You Glory', cursive !important;
    font-size: 48px;
    color: #dd3333 !important;
    text-decoration: none;
    line-height: 1.2;
    display: inline-block;
}
.kad_tagline, .belowlogo-text {
    font-family: 'Kotta One', serif;
    color: #888;
    font-size: 14px;
    font-style: italic;
    margin: 0;
}

/* === NAVIGATION === */
#nav-main {
    background: #f95780;
    border-radius: 4px;
    margin: 10px 0;
}
#nav-main ul, ul.sf-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
}
#nav-main ul li, ul.sf-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
#nav-main ul li a, ul.sf-menu li a,
ul.sf-menu > li > a {
    display: block !important;
    padding: 10px 16px !important;
    color: #fff !important;
    font-family: 'Kotta One', serif;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}
#nav-main ul li a:hover, ul.sf-menu li a:hover {
    background: rgba(255,255,255,0.2) !important;
    color: #fff !important;
}
#nav-main ul li.current-menu-item a {
    background: rgba(255,255,255,0.15);
}

/* Hide mobile nav */
#mobile-nav-trigger, #kad-mobile-nav, .nav-trigger,
#menu-miasto-kwiatow-main-1 { display: none !important; }

/* === SLIDER === */
.sliderclass { margin: 0; }
#imageslider { padding: 0; }
.flexslider {
    margin: 0 auto;
    max-width: 1170px;
    overflow: hidden;
    border-radius: 4px;
}
.flexslider .slides, ul.slides {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.flexslider .slides li, ul.slides li {
    display: none !important;
}
.flexslider .slides li:first-child, ul.slides li:first-child {
    display: block !important;
}
.flexslider img, ul.slides img {
    width: 100%;
    height: auto;
    display: block;
}

/* === HOMEPAGE CONTENT === */
.homecontent, .homepagecontent { padding: 20px 0; }
.homecontent h4 { text-align: center; }
.homecontent .col-md-4 { text-align: center; padding: 15px; }
.homecontent [class*="icon-"] { font-size: 30px; color: #dd3333; }
.home-margin { margin: 20px 0; }
.home-padding { padding: 15px 0; }

/* === BLOG POST GRID (homepage) === */
.home_blog { padding: 10px 0 30px; }
.home_blog .hometitle { margin-bottom: 15px; }
.home_blog article {
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.home_blog .rowtight {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.home_blog .tcol-md-5, [class*="tcol-md-5"] {
    flex: 0 0 38%;
    max-width: 38%;
}
.home_blog .tcol-md-7, [class*="tcol-md-7"] {
    flex: 1;
}
.home_blog .imghoverclass img {
    border-radius: 4px;
    width: 100%;
}
.home_blog .entry-title { font-size: 18px; margin-bottom: 5px; }
.home_blog .entry-content { font-size: 14px; color: #666; }
.home_blog .entry-content p { margin: 5px 0; }

/* Date badge */
.postdate {
    background: #f5f5f5;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 8px;
    border-radius: 3px;
    font-family: 'Kotta One', serif;
    font-size: 13px;
    color: #888;
    text-align: center;
    min-width: 50px;
}
.postday {
    font-size: 22px;
    font-weight: 700;
    display: block;
    color: #dd3333;
    line-height: 1.1;
}
.bg-lightgray { background: #f5f5f5; }

/* Subhead meta */
.subhead { color: #999; font-size: 13px; margin-bottom: 10px; }
.subhead a { color: #999; }
.subhead a:hover { color: #dd3333; }
.color_gray { color: #999; }

/* === SINGLE ARTICLE PAGE === */
.single-article { padding: 20px 0; }
.single-article .main { max-width: 900px; }
.post-single-img img, .imghoverclass.post-single-img img {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 20px;
}
.entry-content {
    font-size: 15px;
    line-height: 1.8;
}
.entry-content p { margin-bottom: 15px; }
.entry-content h4 { margin-top: 25px; margin-bottom: 10px; }
.entry-content img { border-radius: 4px; margin: 10px 0; }

/* Post tags */
.posttags { color: #999; font-size: 13px; margin-top: 20px; }
.posttags a { color: #dd3333; }
.single-footer { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; }

/* Author hide */
.kad-hidepostauthortop, .postauthortop { display: none; }

/* === FOOTER === */
#containerfooter {
    background: #333;
    color: #ccc;
    padding: 30px 0 20px;
    margin-top: 40px;
}
#containerfooter h3 { color: #fff; }
#containerfooter a { color: #f95780; }
#containerfooter a:hover { color: #fff; }
.footercredits {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #555;
    margin-top: 15px;
}
.footercredits p { color: #aaa; font-size: 13px; margin: 5px 0; }

/* === MISC === */
.hrule { border-bottom: 1px solid #eee; margin: 15px 0; }
.clearclass0, .clearclass1 { margin-bottom: 20px; }
.iconhover { transition: opacity 0.2s; }
.iconhover:hover { opacity: 0.85; }
.contentclass { min-height: 400px; }
.wrap { padding: 0; }
[class*="icon-beaker"]::before { content: '\f0c3'; }

/* Category/archive pages */
.archive-title { margin-bottom: 20px; }
.loop-entry { margin-bottom: 25px; }

/* Gallery grid */
.gallery-item { margin: 5px; display: inline-block; }
.gallery img { border-radius: 3px; }
[id*="carousel"], .jp-carousel { display: none; }

/* Hide empty topbar search area after cleanup */
.kad-topbar-right:empty { display: none; }

/* === RESPONSIVE === */
@media (max-width: 991px) {
    .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home_blog .rowtight { flex-direction: column; }
    .home_blog .tcol-md-5, [class*="tcol-md-5"] {
        flex: 0 0 100%; max-width: 100%;
    }
}
@media (max-width: 768px) {
    #nav-main ul, ul.sf-menu {
        flex-direction: column !important;
    }
    #logo a.brand, .logofont {
        font-size: 36px;
    }
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
}