/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, h6{
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #34156d;
}


p, ul, li span, div{
  font-family: "Manrope", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  line-height: 1.6em;  
  color: #34156d;
}

a{color: #307ab9; text-decoration: underline;}
a:hover{color:#704b04;}

.widget-title{color: #fff;}

.fbx-caption-title{color: #fff; font-weight: 700;}

#masthead{background-color: #805937;}

.navbar{padding: 0px;}
#nav-main, .offcanvas-body, .dropdown-menu{background-color: #ffffff;}
.footer-browner, .offcanvas-header{background-color: #34156d;}
.footer-text{color: #ffffff !important;}
.offcanvas-title{color: #ffffff !important;}

.footer_widget p, .footer_widget li .footer_widget h4{color: #ffffff !important;}
.footer_widget a:hover, #friends-list li a:hover, #menu-top_menu-1 li a:hover{color: red !important;}

#bootscore-navbar li{font-size: 18px; margin-left: 5px; margin-right: 5px;}
#bootscore-navbar li a{color: #34156d; padding-left: 7px; padding-right: 7px; border-radius: 8px;}
#bootscore-navbar li a:hover, #bootscore-navbar li a:focus, .current_page_item a, .dropdown-menu .current_page_item a{background-color: #34156d; color: #ffffff !important;border-radius: 8px;}
.overtitle{font-weight: 700;}

/* Homepage */

/* --- ZMIANA OVERLAY NA 1/3 WYSOKOŚCI --- */
    #news .card-img-overlay {
        /*
           Gradient idzie do góry (to top).
           0% (dół): Mocna zieleń (opacity 0.95) - żeby tekst był czytelny.
           20%: Średnia zieleń.
           35%: Pełna przezroczystość (0).
           Od 35% w górę zdjęcie jest czyste.
        */
        background: linear-gradient(to top,
            rgba(52, 21, 109, 0.95) 0%,
            rgba(52, 21, 109, 0.7) 20%,
            rgba(52, 21, 109, 0) 35%
        );
        transition: background 0.3s;
        /* Ważne: upewniamy się, że gradient nie powtarza się w pionie */
        background-repeat: no-repeat;
    }

    #news .card:hover .card-img-overlay {
        /* Po najechaniu myszką zieleń jest trochę wyższa (do 40%) i bardziej intensywna */
        background: linear-gradient(to top,
            rgba(52, 21, 109, 1) 0%,
            rgba(52, 21, 109, 0.8) 25%,
            rgba(52, 21, 109, 0) 40%
        );
    }
    /* ----------------------------- */

    /* UKŁAD KOMPUTEROWY (LG - powyżej 992px) */
    @media (min-width: 992px) {
        /* Sztywna wysokość wiersza na PC */
        .hard-height-row {
            height: 380px; 
        }
        
        .left-post-card {
            height: 100%;
        }

        .right-col-wrapper {
            height: 100%;
            /* Flexbox jest teraz w klasach HTML, tu tylko wysokość */
        }

        /* Posty po prawej rozciągają się, by wypełnić lukę */
        .right-post-card {
            flex: 1; 
        }
    }

    /* UKŁAD MOBILNY (poniżej 992px) */
    @media (max-width: 991.98px) {
        .hard-height-row { height: auto; }
        /* Lewy post ma swoją wysokość */
        .left-post-card { height: 300px; }
        /* Prawe posty mają sztywną wysokość na mobilu */
        .right-post-card { height: 200px; } 
    }


   /* --- STYLE CSS --- */

    /* 1. Proporcje 3:5 */
    .project-ratio-box {
        width: 100%;
        aspect-ratio: 4 / 5; 
        position: relative;
    }

    /* 2. Gradient Brązowy (#805937) - Ograniczony do 1/3 wysokości */
    .project-overlay-gradient {
        /* 0% (Dół): 95% koloru
           20%: 70% koloru
           35%: 0% koloru (Koniec gradientu na 1/3 wysokości)
        */
        background: linear-gradient(to top, 
            rgba(213, 227, 255, 0.95) 0%, 
            rgba(213, 227, 255, 0.7) 20%, 
            rgba(213, 227, 255, 0) 35%
        );
        background-repeat: no-repeat; /* Ważne, żeby się nie powielał */
        transition: background 0.3s ease;
    }
    
    /* Hover: Gradient minimalnie rośnie do 40% */
    .project-card:hover .project-overlay-gradient {
        background: linear-gradient(to top, 
            rgba(213, 227, 255, 1) 0%, 
            rgba(213, 227, 255, 0.8) 25%, 
            rgba(213, 227, 255, 0) 40%
        );
    }

    /* Zoom zdjęcia */
    .project-card img {
        transition: transform 0.5s ease;
    }
    .project-card:hover img {
        transform: scale(1.03);
    }

.footer-pzn{background-color: #34156d;}


#book_main{background: #fff url(https://sabinabudzyn.pl/wp-content/themes/bootscore-child/assets/img/background_image.jpg) bottom no-repeat;}
#photo_gallery{background: #fff url(https://sabinabudzyn.pl/wp-content/themes/bootscore-child/assets/img/background_bottom.jpg) top no-repeat;}
#calendarium{background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 33%, rgba(0,212,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 33%, rgba(0,212,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 33%, rgba(0,212,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00d4ff",GradientType=1);}

.recenzja{background: url(https://sabinabudzyn.pl/wp-content/themes/bootscore-child/assets/img/recenzja.png) top left no-repeat;}

.card:hover, .gallery_item:hover, .meet:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.gallery_item{border-radius: 5px;}

.meet{padding: 10px; background-color: #ececec; border-radius: 5px; bordeR: solid 1px #bababa;}
.meet:hover{background-color: #fff;}

.day{font-size: 54px; font-weight: 700; line-height: 1em;}
.month, .year{font-size: 17px; font-weight: 700; line-height: 1em;}
.place, .street, .city, .details{font-size: 16px; line-height: 1.2em; padding-bottom: 0px; margin-bottom: 5px;color: #505050;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #307ab9;
    --bs-btn-border-color: #307ab9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2c6fa9;
    --bs-btn-hover-border-color: #2c6fa9;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c6fa9;
    --bs-btn-active-border-color: #704b04;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #307ab9;
    --bs-btn-disabled-border-color: #307ab9;
}

.btn-outline-secondary {
    --bs-btn-color: #34156d;
    --bs-btn-border-color: #34156d;
    --bs-btn-hover-color: #34156d;
    --bs-btn-hover-bg: #34156d;
    --bs-btn-hover-border-color: #34156d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #34156d;
    --bs-btn-active-bg: #34156d;
    --bs-btn-active-border-color: #34156d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #34156d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #34156d;
    --bs-gradient: none;
}


.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
    color: #fff;
    background-color: #307ab9;
    border-color: #307ab9;
}

.footer-top{background-color:  #307ab9;}

#friends-list{list-style: none; padding-lefT: 0px;}
.social_icons{list-style: none;}
.social_icons li{display: inline-block; margin-left: 20px; margin-right: 0px;}
.social_icons a, #menu-top_menu-1 a, #friends-list a{color: #fff;}
.social_icons a:hover, #menu-top_menu-1 a:hover, #friends-list a:hover{color: #2c6fa9 !important;}

.copyright{padding-top: 8px; color: #fff; font-weight: 700;}

.wc-block-components-checkout-place-order-button{background-color: #307ab9; border-radius: 5px;}
.wc-block-components-button__text{color: #fff !important;}

.single_add_to_cart_button:hover{background-color: #2c6fa9 !important; border: solid 1px #2c6fa9 !important;}

.quote {
  width: calc(85% - 40px);
  font-style: italic;
  border-left: 5px solid #307ab9;
  padding: 10px 20px;
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  color: #307ab9;
  margin: 30px auto; }
  .quote:before {
    content: '';
    background-image: url(https://sabinabudzyn.pl/wp-content/themes/bootscore-child/assets/img/cite_bkg.png);
    height: 50px;
    width: 55px;
    position: absolute;
    left: -75px;
    top: 5;
    background-repeat: no-repeat;
    background-position: center; }
  .quote a img {
    max-width: 100%;
    height: auto;
    display: block; }
    
.cite_author{text-align: right; color: #307ab9; padding-bottom: 0px; margin-bottom: 0px; font-weight: 700;}    
.furgonetka-wc-blocks-pickup-point-block-container{text-align: center;}
.furgonetka-wc-blocks-pickup-point-block-container button{background-color: #307ab9; color: #fff; border-radius: 5px;}
.furgonetka-wc-blocks-pickup-point-block-container button:hover{background-color: #2c6fa9;}

.wc-block-components-checkout-place-order-button__text{color: #fff !important;}
.wc-block-components-checkout-place-order-button:hover{background-color: #2c6fa9;}

.product_meta .posted_in{display: none !important;}


/* Kontener zachowujący proporcje 16:9 */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporcja 16/9 = 0.5625 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin-bottom: 20px;
    border-radius: 12px;
}

/* Pozycjonowanie iframe wewnątrz kontenera */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
} 

.btn-custom{border: solid 1px #9d9d44; background-color: #d1d1a1;}
.btn-custom:hover{background-color: #9d9d44; color: #d1d1a1;}

.testimony_content{font-style: italic;}

.attachements{background-color: #34156d; border-radius: 12px;}
.see_also{padding-lefT: 0px; list-style: none;}
.see_also li{background-color: #307ab9; color: #ffffff !important;  margin-bottom: 3px; display: block; border-radius: 8px;}
.see_also li a{color: #ffffff; text-decoration: none; display: block; padding-top: 7px; padding-bottom: 7px; padding-left: 14px; padding-right: 14px; }
.see_also li a:hover{color: #34156d !important; text-decoration: none;}
.see_also li:hover{background-color: #2c6fa9;}


/* Płynne przejście dla całego kafla */
.icon-tile {
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}

/* Efekt po najechaniu myszką (hover) */
.icon-tile:hover {
    background-color: #2c6fa9 !important; /* Zmiana tła na główny kolor motywu */
    color: #ffffff !important; /* Zmiana koloru tekstu na biały */
    transform: translateY(-5px); /* Delikatne uniesienie kafla do góry */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; /* Wzmocnienie cienia */
}

/* Upewnienie się, że ikona i nagłówek również zmieniają kolor na biały */
.icon-tile:hover .tile-icon,
.icon-tile:hover h3 {
    color: #ffffff !important;
}