﻿/*
Theme Name: Cookery Lite Child
Template: cookery-lite
*/

/* ══════════════════════════════════════════
   HEADER – logo wyśrodkowane + nav wyśrodkowany pod nim
══════════════════════════════════════════ */
.header-top { display: none !important; }

.site-header.style-one { border-bottom: 1px solid #eee !important; }

/* Logo – centrum, mały padding */
.site-header.style-one .header-main .site-branding {
    padding: 14px 0 10px !important;
    border-bottom: none !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.custom-logo { max-height: 90px !important; width: auto !important; max-width: 220px !important; }
.site-logo { line-height: 0 !important; }
.site-header .site-title-wrap { display: none !important; }

/* Nav – centrum, kompaktowy */
.site-header.style-one .header-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #f3f3f3 !important;
}
.site-header.style-one .header-bottom .container {
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.site-header.style-one .header-bottom .header-right { margin-left: 16px !important; }
.main-navigation .nav-menu { justify-content: center !important; }
.main-navigation .nav-menu > li > a { padding: 12px 16px !important; }

/* Strzałka dropdown – obok tekstu, nie na nim */
.main-navigation .nav-menu > li.menu-item-has-children > a { padding-right: 28px !important; }
.main-navigation .nav-menu > li.menu-item-has-children > a .dropdown-toggle,
.main-navigation .nav-menu > li.menu-item-has-children > a > button {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}
.main-navigation .nav-menu > li { position: relative !important; }

/* ══════════════════════════════════════════
   ODSTEP MENU -> CONTENT
══════════════════════════════════════════ */
.home #primary,
.blog #primary {
    margin-top: 24px !important;
}

/* ══════════════════════════════════════════
   BREADCRUMBS – ukryte na single post
══════════════════════════════════════════ */
body.single #crumbs { display: none !important; }
/* Na archiwach/homepage – małe i kompaktowe */
#crumbs { margin: 0 !important; padding: 5px 0 !important; font-size: 0.78rem !important; border-bottom: 1px solid #f0f0f0; }

/* ══════════════════════════════════════════
   SINGLE POST – czysty układ nagłówka
══════════════════════════════════════════ */
body.single #primary,
body.single #secondary { margin-top: 20px !important; }

/* SEO h1 – visually hidden, title lives inside the review box */
body.single .tr-seo-title {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
/* Hide old entry-header card entirely */
body.single .entry-header { display: none !important; }

/* Tytuł – cały rząd */
body.single .entry-title {
    flex-basis: 100% !important;
    order: 1 !important;
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* Meta row */
body.single .entry-meta {
    order: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 4px 0 0 !important;
    font-size: 0.9rem !important;
    color: #888 !important;
}

/* Separator dots */
body.single .entry-meta .em-sep { color: #ccc !important; font-size: 1rem !important; }

/* Category */
body.single .entry-meta .em-cat a {
    font-size: 0.82rem !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: 0.07em !important;
    color: #888 !important; text-decoration: none !important;
    background: #f3f4f6 !important; padding: 3px 10px !important;
    border-radius: 20px !important;
}
body.single .entry-meta .em-cat a:hover { background: #e5e7eb !important; color: #333 !important; }

/* Author block */
body.single .entry-meta .em-author {
    display: flex !important; align-items: center !important; gap: 9px !important;
}
body.single .entry-meta .em-author img.avatar {
    width: 42px !important; height: 42px !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.18) !important;
    flex-shrink: 0 !important;
}
body.single .entry-meta .em-author-text {
    display: flex !important; flex-direction: column !important; line-height: 1.3 !important;
}

/* Date block */
body.single .entry-meta .em-date {
    display: flex !important; flex-direction: column !important; line-height: 1.3 !important;
}

/* Label ("Added by", "Date added") */
body.single .entry-meta .em-label {
    font-size: 0.7rem !important; text-transform: uppercase !important;
    letter-spacing: 0.08em !important; color: #aaa !important; font-weight: 600 !important;
}

/* Author + comments links */
body.single .entry-meta .em-link {
    font-size: 0.92rem !important; font-weight: 600 !important;
    color: #4f7ef8 !important; text-decoration: none !important;
}
body.single .entry-meta .em-link:hover { color: #2554c7 !important; text-decoration: underline !important; }

/* Date text */
body.single .entry-meta .em-date time {
    font-size: 0.92rem !important; color: #555 !important; font-weight: 500 !important;
}

/* Comments */
body.single .entry-meta .em-comments { display: flex !important; align-items: center !important; }

/* ══════════════════════════════════════════
   SIDEBAR – zmniejszone nagłówki
══════════════════════════════════════════ */
#secondary h2, #secondary h3, #secondary h4,
#secondary .wp-block-heading, .widget-area h2,
.widget-area h3, .widget .widget-title, #secondary .widget-title {
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #eee !important;
    color: #444 !important;
}
.sidebar .widget, #secondary .widget { margin-bottom: 20px !important; }

/* REVIEW BLOCK – styles handled by plugin wp_head (after stylesheet) */
/* Override only sidebar h4 inside tr-pros/tr-cons to prevent sidebar rules bleeding in */
.tr-pros h4, .tr-cons h4 {
    font-size: 0.68rem !important; border: none !important; padding: 0 !important;
    border-bottom: none !important; margin-bottom: 8px !important;
}

/* ══════════════════════════════════════════
   LISTING / ARCHIVE – avatar autora
══════════════════════════════════════════ */
.site-main article .entry-meta .byline img.avatar,
.site-main article .entry-header .entry-meta img.avatar {
    width: 36px !important;
    height: 36px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    flex-shrink: 0 !important;
}
.site-main article .entry-header .entry-meta .byline {
    display: inline-flex !important;
    align-items: center !important;
}

/* ══════════════════════════════════════════
   SINGLE POST – ukryj tagi na dole (są już w meta u góry)
══════════════════════════════════════════ */
body.single .entry-footer .tags-links { display: none !important; }

/* ══════════════════════════════════════════
   HOMEPAGE LISTING – pełny obraz, autor pod spodem w lewej kolumnie
══════════════════════════════════════════ */
.list-with-all-tall-img .site-main article .post-thumbnail,
.home .site-main article .post-thumbnail,
.blog .site-main article .post-thumbnail {
    align-self: stretch !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #f7f8fa !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    padding-bottom: 12px !important;
}

/* Obraz wycentrowany pionowo w lewej kolumnie */
.list-with-all-tall-img .site-main article .post-thumbnail > a,
.home .site-main article .post-thumbnail > a,
.blog .site-main article .post-thumbnail > a {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
}
.list-with-all-tall-img .site-main article .post-thumbnail > a img,
.home .site-main article .post-thumbnail > a img,
.blog .site-main article .post-thumbnail > a img {
    border: 1px solid #dde1e7 !important;
    border-radius: 4px !important;
    width: 100% !important;
    height: auto !important;
}

.list-with-all-tall-img .site-main article .post-thumbnail img,
.home .site-main article .post-thumbnail img,
.blog .site-main article .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: unset !important;
    display: block !important;
}

/* Autor pod obrazkiem – jedna linia: [avatar] by Paul · Jul 14 · Leave a Comment */
.listing-author-block {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 12px !important;
    margin-top: auto !important;
    font-size: 0.82rem !important;
    color: #666 !important;
    line-height: 1.4 !important;
}
.lab-text-block {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 1 !important;
}
.list-with-all-tall-img .site-main article .post-thumbnail .listing-author-block img,
.home .site-main article .post-thumbnail .listing-author-block img,
.blog .site-main article .post-thumbnail .listing-author-block img {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.listing-author-block .lab-by { color: #999 !important; }
.listing-author-block .lab-name,
.listing-author-block a.lab-name { font-weight: 600 !important; color: #374757 !important; text-decoration: none !important; }
.listing-author-block a.lab-name:hover { color: #4f7ef8 !important; }
.listing-author-block .lab-sep { color: #ccc !important; margin: 0 1px !important; }
.listing-author-block .lab-date { color: #777 !important; }
.listing-author-block .lab-leave,
.listing-author-block .lab-count { color: #374757 !important; text-decoration: none !important; }
.listing-author-block .lab-leave:hover,
.listing-author-block .lab-count:hover { color: #4f7ef8 !important; }
/* Ukryj byline, date i comments z prawej kolumny – sa juz w lewej */
.list-with-all-tall-img .site-main article .entry-meta .byline,
.home .site-main article .entry-meta .byline,
.blog .site-main article .entry-meta .byline,
.list-with-all-tall-img .site-main article .entry-meta .posted-on,
.home .site-main article .entry-meta .posted-on,
.blog .site-main article .entry-meta .posted-on,
.list-with-all-tall-img .site-main article .entry-meta .comments,
.home .site-main article .entry-meta .comments,
.blog .site-main article .entry-meta .comments {
    display: none !important;
}

/* Excerpt wypelnia dostepna przestrzen */
.list-with-all-tall-img .site-main article .entry-content,
.home .site-main article .entry-content,
.blog .site-main article .entry-content {
    flex: 1 !important;
}

/* Content-wrap: tytuł na górze, Read More przyklejony do dołu */
.list-with-all-tall-img .site-main article .content-wrap,
.home .site-main article .content-wrap,
.blog .site-main article .content-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.list-with-all-tall-img .site-main article .entry-footer,
.home .site-main article .entry-footer,
.blog .site-main article .entry-footer {
    margin-top: auto !important;
}

/* ══════════════════════════════════════════
   RELATED POSTS (You may also like) – landscape, bez przycinania
══════════════════════════════════════════ */
.additional-post .post-thumbnail {
    aspect-ratio: unset !important;
    height: auto !important;
    overflow: visible !important;
}
.additional-post .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: unset !important;
    display: block !important;
}

/* ══════════════════════════════════════════
   PREV / NEXT POST – pełne obrazki, bez przycinania
══════════════════════════════════════════ */
.post-navigation .post-img {
    overflow: visible !important;
    flex-shrink: 0 !important;
}
.post-navigation .post-img img {
    width: 120px !important;
    height: auto !important;
    object-fit: unset !important;
    display: block !important;
    border-radius: 6px !important;
}
/* Ukryj slider Owl Carousel na homepage */
.featured-post-section,
.owl-carousel,
.owl-stage-outer { display: none !important; }