/*
Theme Name: Kanz Decor
Theme URI: http://kanzdecor.com
Author: Kanz Decor
Description: القالب الرسمي لشركة كنز الديكور بناءً على الهوية البصرية الرسمية (أحمر وكريمي).
Version: 1.0
Text Domain: kanz-decor
*/

/* إصلاح مشكلة شريط المشرف (Admin Bar) في الموبايل */
@media screen and (max-width: 782px) {
    html #wpadminbar { position: fixed !important; top: 0; }
    #navbar { top: 46px !important; }
}
body:not(.admin-bar) #navbar { top: 0 !important; }

/* ستايلات مخصصة لكنز */
#preloader {
    position: fixed; inset: 0; background-color: #F5F3E5; z-index: 999999;
    display: flex; justify-content: center; align-items: center;
    transition: opacity 0.8s ease-in-out, visibility 0.8s;
}
html.dark #preloader { background-color: #111827; }
#preloader video { width: 100%; max-width: 600px; height: auto; object-fit: contain; }

body {
    background-color: #F5F3E5; color: #2D2D2D; overflow-x: hidden;
    transition: background-color 0.3s ease, color 0.3s ease;
}
html.dark body { background-color: #111827; color: #F3F4F6; }

.glass-card-light {
    background: rgba(245, 243, 229, 0.95); backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(193, 39, 45, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
html.dark .glass-card-light {
    background: rgba(17, 24, 39, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.text-gradient {
    background: linear-gradient(135deg, #2D2D2D 0%, #C1272D 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
html.dark .text-gradient {
    background: linear-gradient(135deg, #F3F4F6 0%, #ff6b71 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

/* Lightbox Styles */
#lightbox {
    display: none; position: fixed; inset: 0; z-index: 999999;
    background: rgba(17, 24, 39, 0.95); backdrop-filter: blur(8px);
    justify-content: center; align-items: center; padding: 2rem;
}
#lightbox img {
    max-width: 100%; max-height: 90vh; object-fit: contain;
    border-radius: 0.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.lightbox-close {
    position: absolute; top: 20px; right: 30px; color: white;
    font-size: 40px; cursor: pointer; transition: 0.3s;
}
.lightbox-close:hover { color: #C1272D; }