/*
Theme Name: Kryex Nano – Beauty Center Edition
Theme URI: https://kryexthemes.com
Author: Kryex Themes
Author URI: https://kryexthemes.com
Description: Beauty Center Wellness & Spa – Kryex Nano tabanlı, bordo-pembe renk temalı güzellik merkezi WordPress teması.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kryexthemes
Tags: beauty, spa, wellness, responsive, custom-menu, custom-logo
*/

/* ================================================
   GLOBAL LAYOUT OVERRIDE
   ================================================ */

html, body {
    background: #0d0d0d !important;
    width: 100% !important;
    max-width: 100% !important;
    /* overflow-x: hidden KASITLI KALDIRILDI — sticky header'ı bozuyor */
}

/* Eski temanın açık bıraktığı .container div'ini sıfırla */
body > .container,
#page > .container,
.site > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* Eski header elemanlarını gizle */
.header_wrap,
#fx,
.fix,
.stc,
.right-menu,
.search_button,
.dropdown_search,
.socialButton,
.loginUser,
.logox {
    display: none !important;
}

/* bc-page-wrap tam genişlik */
.bc-page-wrap {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* bc-container merkezi hizalama */
.bc-container {
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Header sticky davranışı — dokunma */
.bc-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
}

/* İletişim kartları */
.bc-contact-cards {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

@media (max-width: 640px) {
    .bc-contact-cards {
        grid-template-columns: 1fr !important;
    }
}