/*
Theme Name: Kocham Dziecko
Theme URI: http://kochamdziecko.pl
Description: A high-end editorial experience for parents, built with Tailwind CSS and inspired by luxury publications.
Author: Junie
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: kochamdziecko
*/

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body { font-family: 'Be Vietnam Pro', sans-serif; }
h1, h2, h3, h4, .font-headline { font-family: 'Plus Jakarta Sans', sans-serif; }

.glass-nav {
    background-color: rgba(255, 248, 248, 0.8);
    backdrop-filter: blur(16px);
}

.editorial-offset {
    transform: translateY(-2rem);
}

/* Custom Blockquote Styling matching the "Mama Quote" Design */
.prose blockquote {
    background-color: #ffffff; /* surface-container-lowest */
    padding: 2.5rem; /* p-10 */
    border-radius: 1.5rem; /* rounded-xl */
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
    border-left: 4px solid #e5a9b4 !important; /* primary-container */
    font-style: normal;
    box-shadow: 0 20px 40px rgba(129, 81, 91, 0.04);
}

.prose blockquote::before {
    content: 'format_quote';
    position: absolute;
    top: 1rem;
    left: 1.5rem;
    color: rgba(129, 81, 91, 0.2); /* primary/20 */
    font-family: 'Material Symbols Outlined';
    font-size: 4rem;
    font-variation-settings: 'FILL' 1;
}

.prose blockquote p {
    position: relative;
    z-index: 10;
    font-size: 1.5rem !important; /* text-2xl */
    line-height: 1.4 !important; /* leading-snug */
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #81515b !important; /* primary */
    font-style: italic !important;
    margin: 0 !important;
}

/* Custom Logo & Site Branding */
.site-branding {
    display: flex !important;
    align-items: center !important;
    max-height: 56px !important;
    height: 56px !important;
    max-width: 360px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.custom-logo-link,
.site-branding a,
a.custom-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 0 !important;
    max-height: 56px !important;
    height: 56px !important;
}

.custom-logo,
.site-branding img,
img.custom-logo,
a.custom-logo-link img {
    height: 56px !important;
    max-height: 56px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

@media (max-width: 768px) {
    .site-branding {
        max-height: 44px !important;
        height: 44px !important;
        max-width: 240px !important;
    }

    .custom-logo-link,
    .site-branding a,
    a.custom-logo-link {
        height: 44px !important;
        max-height: 44px !important;
    }

    .custom-logo,
    .site-branding img,
    img.custom-logo,
    a.custom-logo-link img {
        height: 44px !important;
        max-height: 44px !important;
    }
}