/*
Theme Name:   Damian Kadence Child
Theme URI:    https://devpartner.pl
Description:  Premium noir child theme dla Kadence — pasuje do pluginu Damian Konsultacje. Cormorant Garamond + Inter, złote akcenty, sticky header, full-width dla strony z [damian_konsultacje].
Author:       DevPartner.pl
Author URI:   https://devpartner.pl
Template:     kadence
Version:      1.0.0
Text Domain:  damian-kadence-child
*/

/* =========================================================
   ZMIENNE — synchronizowane z pluginem Damian Konsultacje
   Kolory zmieniają się automatycznie wraz z ustawieniami pluginu
   ========================================================= */
:root {
    --dk-gold:      #c9a961;
    --dk-gold-dark: #a08646;
    --dk-dark:      #0a0a0a;
    --dk-darker:    #050505;
    --dk-light:     #f5f1e8;
    --dk-muted:     rgba(245,241,232,.65);
    --dk-line:      rgba(201,169,97,.25);
}

/* =========================================================
   GLOBAL TYPOGRAPHY
   ========================================================= */
body,
body.wp-singular,
.site {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    background: var(--dk-dark) !important;
    color: var(--dk-light) !important;
    font-weight: 300;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.kadence-hero-section h1 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -.01em !important;
    line-height: 1.15 !important;
    color: var(--dk-light) !important;
}

h1 em, h2 em, h3 em,
.entry-title em {
    color: var(--dk-gold);
    font-style: italic;
    font-weight: 400;
}

p, li, td {
    color: var(--dk-light);
}

a {
    color: var(--dk-gold);
    text-decoration: none;
    transition: color .25s ease;
}
a:hover {
    color: var(--dk-light);
}

/* =========================================================
   HEADER — sticky noir z złotym logo
   ========================================================= */
.site-header,
#masthead {
    background: rgba(10,10,10,.85) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--dk-line) !important;
    box-shadow: none !important;
    transition: background .3s ease;
}

.site-header.site-header-sticky,
.kadence-sticky-header {
    background: rgba(5,5,5,.95) !important;
}

.site-branding,
.site-title,
.site-title a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: var(--dk-light) !important;
    letter-spacing: -.01em;
}
.site-title a:hover {
    color: var(--dk-gold) !important;
}

/* Logo gold accent — jeśli marka ma drugi człon, możemy zrobić złoty */
.site-title em,
.custom-logo-link em {
    color: var(--dk-gold) !important;
    font-style: italic;
}

/* Main navigation */
.main-navigation,
.header-navigation {
    font-family: 'Inter', sans-serif !important;
}
.main-navigation .menu > li > a,
.header-navigation .menu > li > a {
    color: var(--dk-muted) !important;
    font-size: 12px !important;
    letter-spacing: .15em !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    padding: 12px 18px !important;
    transition: color .25s ease;
}
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a,
.header-navigation .menu > li > a:hover,
.header-navigation .menu > li.current-menu-item > a {
    color: var(--dk-gold) !important;
}

/* Dropdown menu */
.main-navigation .menu .sub-menu {
    background: var(--dk-darker) !important;
    border: 1px solid var(--dk-line) !important;
}
.main-navigation .menu .sub-menu a {
    color: var(--dk-muted) !important;
    border-bottom: 1px solid var(--dk-line);
}
.main-navigation .menu .sub-menu a:hover {
    color: var(--dk-gold) !important;
    background: rgba(201,169,97,.05) !important;
}

/* Header CTA button (jeśli ustawisz przycisk w Header Builder) */
.kadence-header-button,
.header-button {
    background: var(--dk-gold) !important;
    color: var(--dk-dark) !important;
    border: 1px solid var(--dk-gold) !important;
    padding: 10px 24px !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    transition: all .35s ease;
}
.kadence-header-button:hover,
.header-button:hover {
    background: var(--dk-light) !important;
    border-color: var(--dk-light) !important;
    color: var(--dk-dark) !important;
}

/* Mobile menu */
.menu-toggle {
    color: var(--dk-gold) !important;
}
.mobile-toggle-open-button {
    color: var(--dk-gold) !important;
}

/* =========================================================
   CONTENT — zwykłe strony i wpisy
   ========================================================= */
.site-content,
.content-area {
    background: var(--dk-dark);
}

.entry-header {
    border-bottom: 1px solid var(--dk-line);
    padding-bottom: 32px;
    margin-bottom: 40px;
}
.entry-title {
    font-size: clamp(36px, 5vw, 64px) !important;
}
.entry-meta,
.entry-meta a {
    color: var(--dk-muted) !important;
    font-size: 12px !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.entry-content {
    font-size: 17px;
    line-height: 1.8;
}
.entry-content p,
.entry-content li {
    color: var(--dk-muted);
}
.entry-content strong {
    color: var(--dk-light);
}

/* Pull quote */
.entry-content blockquote {
    border-left: 2px solid var(--dk-gold) !important;
    padding-left: 24px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    font-style: italic;
    color: var(--dk-light) !important;
    margin: 32px 0 !important;
}

/* Tables */
.entry-content table {
    border-collapse: collapse;
    width: 100%;
}
.entry-content th,
.entry-content td {
    border-bottom: 1px solid var(--dk-line);
    padding: 12px 16px;
}
.entry-content th {
    color: var(--dk-gold);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 12px;
}

/* =========================================================
   PAGE Z SHORTCODE [damian_konsultacje] — full-width takeover
   ========================================================= */

/* Header sticky/transparent nad hero */
body.dk-fullwidth-page #masthead {
    position: fixed !important;
    top: 0;
    left: 0; right: 0;
    z-index: 100;
    background: rgba(10,10,10,.6) !important;
}
body.dk-fullwidth-page.admin-bar #masthead {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.dk-fullwidth-page.admin-bar #masthead {
        top: 46px;
    }
}

/* Ukryj cały entry-header (tytuł strony + meta + breadcrumbs) */
body.dk-fullwidth-page .entry-header,
body.dk-fullwidth-page .page-title,
body.dk-fullwidth-page .entry-title,
body.dk-fullwidth-page .entry-hero,
body.dk-fullwidth-page .entry-hero-container,
body.dk-fullwidth-page .above-entry-meta,
body.dk-fullwidth-page .entry-meta,
body.dk-fullwidth-page .breadcrumbs,
body.dk-fullwidth-page .entry-footer,
body.dk-fullwidth-page .post-navigation,
body.dk-fullwidth-page .nav-links,
body.dk-fullwidth-page .author-box,
body.dk-fullwidth-page .related-posts,
body.dk-fullwidth-page .comments-area,
body.dk-fullwidth-page #comments {
    display: none !important;
}

/* Ukryj sidebar */
body.dk-fullwidth-page .sidebar,
body.dk-fullwidth-page #secondary,
body.dk-fullwidth-page .widget-area,
body.dk-fullwidth-page .global-sidebar {
    display: none !important;
}

/* AGRESYWNY RESET marginesów/paddingów wszystkich kontenerów Kadence */
body.dk-fullwidth-page #content,
body.dk-fullwidth-page .site-content,
body.dk-fullwidth-page .content-area,
body.dk-fullwidth-page #primary,
body.dk-fullwidth-page .site-main,
body.dk-fullwidth-page main,
body.dk-fullwidth-page .content-container,
body.dk-fullwidth-page .entry-content-wrap,
body.dk-fullwidth-page .entry-content,
body.dk-fullwidth-page article.entry,
body.dk-fullwidth-page article.post,
body.dk-fullwidth-page article.page,
body.dk-fullwidth-page .post,
body.dk-fullwidth-page .page,
body.dk-fullwidth-page .content-bg,
body.dk-fullwidth-page .post-inner-content,
body.dk-fullwidth-page .single-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    grid-template-columns: 1fr !important;
    display: block !important;
    background: var(--dk-dark) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Reset paddingów na poziomie wrappera strony */
body.dk-fullwidth-page .wp-site-blocks,
body.dk-fullwidth-page .site-container,
body.dk-fullwidth-page #wrapper,
body.dk-fullwidth-page #inner-wrap {
    padding: 0 !important;
    max-width: none !important;
    background: var(--dk-dark) !important;
}

/* Reset MARGIN-TOP na site-content (Kadence dodaje margin-top: 8em) */
body.dk-fullwidth-page #wrapper,
body.dk-fullwidth-page .site,
body.dk-fullwidth-page .content-wrap,
body.dk-fullwidth-page .content-style-unboxed,
body.dk-fullwidth-page .content-style-boxed {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hero: prawdziwe 100vh, na pełną szerokość okna */
body.dk-fullwidth-page .dk-app {
    margin: 0 !important;
    padding: 0 !important;
}
body.dk-fullwidth-page .dk-app .dk-hero {
    min-height: 100vh !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Wszystkie sekcje pluginu - reset zewnętrznych marginesów */
body.dk-fullwidth-page .dk-app > section {
    margin: 0 !important;
    width: 100% !important;
}

/* Site footer — zostaw tylko jedną stopkę na samym dole */
body.dk-fullwidth-page .site-footer {
    margin-top: 0 !important;
}

/* Ukryj wszystkie loading states / skeletons które Kadence może dodać */
body.dk-fullwidth-page .kadence-template-default,
body.dk-fullwidth-page .post-thumbnail-wrap,
body.dk-fullwidth-page .post-top-meta,
body.dk-fullwidth-page .below-entry-meta {
    display: none !important;
}

/* =========================================================
   FOOTER — noir z RODO/regulaminem
   ========================================================= */
.site-footer,
#colophon {
    background: var(--dk-darker) !important;
    border-top: 1px solid var(--dk-line) !important;
    padding: 60px 0 30px !important;
    color: var(--dk-muted);
}
.site-footer a {
    color: var(--dk-muted) !important;
    text-decoration: none;
    transition: color .25s ease;
}
.site-footer a:hover {
    color: var(--dk-gold) !important;
}
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
    color: var(--dk-light) !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    margin-bottom: 16px;
}
.site-footer .widget {
    margin-bottom: 24px;
}
.site-footer ul {
    list-style: none;
    padding: 0;
}
.site-footer li {
    padding: 4px 0;
    font-size: 13px;
}

.site-info {
    border-top: 1px solid var(--dk-line);
    padding-top: 24px;
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
    letter-spacing: .1em;
    color: var(--dk-muted);
}
.site-info em {
    color: var(--dk-gold);
    font-style: italic;
}

/* =========================================================
   FORMULARZE WP (komentarze, search) — żeby pasowały
   ========================================================= */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--dk-line) !important;
    color: var(--dk-light) !important;
    padding: 12px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: border-color .25s ease;
}
input:focus, textarea:focus {
    border-bottom-color: var(--dk-gold) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Buttons */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"] {
    background: transparent !important;
    color: var(--dk-light) !important;
    border: 1px solid var(--dk-gold) !important;
    padding: 16px 32px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    cursor: pointer;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}
.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--dk-gold) !important;
    color: var(--dk-dark) !important;
}

/* =========================================================
   BLOG ARCHIVE — siatka wpisów
   ========================================================= */
.archive .entry,
.blog .entry {
    border-bottom: 1px solid var(--dk-line);
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.archive .entry-title,
.blog .entry-title {
    font-size: clamp(28px, 3vw, 42px) !important;
}
.archive .entry-title a,
.blog .entry-title a {
    color: var(--dk-light) !important;
}
.archive .entry-title a:hover,
.blog .entry-title a:hover {
    color: var(--dk-gold) !important;
}

/* Featured image */
.post-thumbnail img,
.entry-content-wrap .post-thumbnail img {
    filter: contrast(1.05) saturate(.9);
    transition: filter .4s ease;
}
.post-thumbnail:hover img {
    filter: contrast(1.1) saturate(1);
}

/* =========================================================
   SCROLLBAR — drobny detal
   ========================================================= */
::-webkit-scrollbar {
    width: 10px;
    background: var(--dk-darker);
}
::-webkit-scrollbar-thumb {
    background: var(--dk-gold-dark);
    border: 2px solid var(--dk-darker);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--dk-gold);
}

/* Selection */
::selection {
    background: var(--dk-gold);
    color: var(--dk-dark);
}

/* =========================================================
   404 / SEARCH NO RESULTS
   ========================================================= */
.error-404 .page-title,
.no-results .page-title {
    font-size: clamp(60px, 10vw, 120px) !important;
    color: var(--dk-gold) !important;
    text-align: center;
    margin: 60px 0 20px;
}
.error-404 .page-content,
.no-results .page-content {
    text-align: center;
    color: var(--dk-muted);
}

/* =========================================================
   GUTENBERG — bloki które klient może użyć
   ========================================================= */
.wp-block-cover,
.wp-block-cover-image {
    color: var(--dk-light);
}
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
    color: var(--dk-light) !important;
}

.wp-block-pullquote,
.wp-block-quote {
    border-left: 2px solid var(--dk-gold) !important;
    padding: 12px 0 12px 24px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 24px !important;
    font-style: italic;
    color: var(--dk-light) !important;
}

.wp-block-separator {
    border: none !important;
    border-bottom: 1px solid var(--dk-line) !important;
    max-width: 200px;
    margin: 40px auto !important;
}
.wp-block-separator.is-style-dots::before {
    color: var(--dk-gold);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 768px) {
    .main-navigation .menu > li > a {
        padding: 14px 16px !important;
    }
    .entry-content blockquote,
    .wp-block-pullquote,
    .wp-block-quote {
        font-size: 20px !important;
    }
}

/* =========================================================
   PRINT (przyda się dla potwierdzeń rezerwacji)
   ========================================================= */
@media print {
    body {
        background: #fff !important;
        color: #000 !important;
    }
    .site-header,
    .site-footer,
    .main-navigation { display: none !important; }
}