/* ========================================== */
/* 1. BLOKADA WORDPRESSA (Kopia 1:1 z CRM)    */
/* ========================================== */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important; /* Odzyskujemy scrolla */
    background: #fdfbf7 !important; 
}

header, #header, .site-header, #masthead, .ast-main-header-wrap,
footer, #footer, .site-footer, #colophon, .site-branding, .logo,
.custom-logo-link, .nav-menu, .main-navigation, .page-title,
.page-header, .entry-header, h1.entry-title, .title-bar,
#wpadminbar {
    display: none !important;
}

/* ========================================== */
/* NOWOŚĆ: ZABICIE KLATEK WTYCZKI WPBAKERY    */
/* ========================================== */
.site, #page, .site-content, .site-main, #main, .ast-container, #primary, .entry-content,
.vc_row, .vc_column, .vc_column-inner, .wpb_wrapper {
    padding: 0 !important; 
    margin: 0 !important;
    max-width: 100% !important; 
    border: none !important;
    /* To niszczy niewidzialne klatki, które blokowały stronę: */
    transform: none !important; 
    overflow: visible !important;
    position: static !important;
    clip: auto !important;
}

/* ========================================== */
/* 2. GŁÓWNA RAMA SYSTEMU (Twój #sw-master)   */
/* ========================================== */
#dir-app {
    font-family: 'Inter', sans-serif; 
    color: #27272a; 
    
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background-color: #fdfbf7 !important;
    z-index: 999999 !important;
    
    /* Rama zablokowana i elastyczna */
    overflow: hidden !important; 
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}
#dir-app * { box-sizing: border-box; }

/* ========================================== */
/* 3. OBSZAR ROBOCZY (Twój .tab-content)      */
/* ========================================== */
.dir-container { 
    /* To tutaj odbywa się przewijanie! */
    flex: 1 1 auto !important;
    height: 100% !important;
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important; 
    
    background-color: #fdfbf7 !important;
    padding: 40px 20px 120px 20px !important; 
}

/* ========================================== */
/* 4. NOWE POLA WYBORU GODZINY (SUWAKI)       */
/* ========================================== */
.schedule-time-picker {
    width: auto; 
    text-align: center; 
    border: 2px solid #e2e8f0; 
    background: white; 
    padding: 6px; 
    font-weight: 800; 
    color: #a18042; 
    border-radius: 6px; 
    font-size: 14px; 
    outline: none; 
    cursor: pointer; 
    transition: 0.2s;
    font-family: 'Inter', sans-serif;
}
.schedule-time-picker:focus { border-color: #cda051; box-shadow: 0 0 0 3px rgba(205, 160, 81, 0.2); }

/* Siłowe nadpisanie koloru napisu Zaloguj Placówkę */
#dir-login-screen h2 { color: #cda051 !important; }

.dir-card { background: white; border-radius: 12px; padding: 40px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-top: 4px solid #cda051; }

.dir-input { width: 100%; padding: 15px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 20px; text-align: center; margin-bottom: 20px; outline: none; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; color: #27272a;}
.dir-input:focus { border-color: #cda051; box-shadow: 0 0 0 3px rgba(205, 160, 81, 0.2); }

/* Złote przyciski */
.dir-btn { background: #cda051; color: white; border: none; padding: 18px 30px; border-radius: 8px; font-size: 15px; font-weight: bold; cursor: pointer; width: 100%; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;}
.dir-btn:hover { background: #b3883f; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(205, 160, 81, 0.4); }

/* Tabele list dzieci */
.dir-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.dir-table th, .dir-table td { padding: 15px; text-align: left; border-bottom: 1px solid #e2e8f0; }
.dir-table th { background: #fdfbf7; font-weight: 800; font-size: 13px; color: #a18042; text-transform: uppercase; }
.dir-table td { font-size: 15px; color: #27272a; }

/* Nawigacja (Zakładki) */
.dir-tabs { display: flex; gap: 10px; margin-bottom: 25px; border-bottom: 2px solid #e2e8f0; padding-bottom: 15px; }
.dir-tab-btn { background: transparent; border: none; font-size: 14px; font-weight: 800; color: #71717a; padding: 10px 20px; cursor: pointer; border-radius: 8px; transition: 0.2s; text-transform: uppercase; }
.dir-tab-btn.active { background: #cda051; color: white; }

/* Tabela Grafiku Sesji */
.schedule-table { width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; }
.schedule-table th, .schedule-table td { padding: 12px; text-align: center; border: 1px solid #e2e8f0; }
.schedule-table th { background: #fdfbf7; font-weight: 900; color: #a18042; font-size: 13px; text-transform: uppercase; }
.schedule-time-input { width: 110px; text-align: center; border: 1px dashed #cbd5e1; background: transparent; padding: 5px; font-weight: bold; color: #71717a; border-radius: 4px; font-size: 13px; outline: none; transition: 0.2s; }
.schedule-time-input:focus { border-color: #cda051; color: #27272a; background: #fdfbf7; }
.schedule-select { width: 100%; padding: 8px; border: 2px solid #e2e8f0; border-radius: 6px; font-weight: bold; color: #27272a; outline: none; cursor: pointer; transition: 0.2s; }
.schedule-select:focus { border-color: #cda051; }
/* Zielony wypełniony na złoty/beżowy */
.schedule-select.filled { background: #fdfbf7; border-color: #cda051; color: #9c7832; }