/*
 Theme Name:   Kadence Child
 Theme URI:    https://www.kadencewp.com/
 Description:  Kadence Child Theme for Floorkrete
 Author:       Floorkrete
 Author URI:   https://floorkrete.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* ============================================================
   STICKY HEADER — works on all devices
   
   Kadence renders <header id="masthead"> in normal document flow.
   The fk-assets header inside has position:fixed via Bootstrap .pos-f-t
   BUT since #masthead is in normal flow, it takes up space at top
   and the fixed inner header overlaps it.
   
   Fix: Make #masthead position:fixed so the whole thing sticks.
   The inner .header.pos-f-t then becomes position:relative inside it.
   ============================================================ */

/* Make the Kadence header wrapper sticky */
#masthead.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #fff !important;
    overflow: visible !important;
}

/* The fk-assets header is inside #masthead.
   Override its position:fixed (from Bootstrap .pos-f-t) to relative
   so it flows normally inside the now-fixed #masthead */
#masthead header.header.header-style-2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
}

/* Desktop: compensate for full header height
   top bar (47px) + nav bar (~83px) = ~130px */
body {
    padding-top: 130px !important;
}

/* Mobile (≤992px): top bar is hidden by fk-assets CSS,
   only nav bar shows (~68px).
   Also fix the mobile display:none issue on header */
@media (max-width: 992px) {
    body {
        padding-top: 68px !important;
    }

    /* Override fk-assets which sets header-style-2 to display:none on mobile */
    #masthead header.header.header-style-2 {
        display: block !important;
    }
}
/* Fix alignment of bullet lists inside product accordion tabs */
.fk-product-tabs-content .tab-item > div ul {
    padding-left: 1.2em;
    margin-left: 0;
    margin-bottom: 1em;
}
.fk-product-tabs-content .tab-item > div ul li {
    margin-bottom: 8px;
}

/* Force consistent typography for all descriptions in product accordion tabs */
.fk-product-tabs-content .tab-item > div p,
.fk-product-tabs-content .tab-item > div span,
.fk-product-tabs-content .tab-item > div li,
.fk-product-tabs-content .tab-item > div div,
.fk-product-tabs-content .tab-item > div strong,
.fk-product-tabs-content .tab-item > div b {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    line-height: 1.6 !important;
}
/* Ensure links stay identifiable */
.fk-product-tabs-content .tab-item > div a {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #cc0000 !important; /* Using Floorkrete red for links */
}

/* Make accordion titles and side tabs red */
.fk-product-tabs-content .tab-item h2,
.fk-product-tabs-sidebar .fk-tab-list .tab-link .title {
    color: #BE2A2A !important;
}