/*
Theme Name: Beauty Beity
Theme URI: https://beautybeity.com
Author: Beauty Beity
Author URI: https://beautybeity.com
Description: رعاية تجميلية منزلية فاخرة - Custom theme for Beauty Beity home beauty services.
Version: 1.0.0
Text Domain: beauty-beity
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== CSS Variables ===== */
:root {
    --color-primary: #9C7C56;
    --color-background-light: #FDFBF7;
    --color-background-dark: #1A1612;
    --color-secondary: #D4C5B3;
}

/* ===== Base Styles ===== */
body {
    font-family: 'Tajawal', sans-serif;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

.serif-title {
    font-family: 'Tajawal', sans-serif;
}

.hero-pattern {
    background-image: radial-gradient(#9C7C56 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    opacity: 0.1;
}

/* ===== Custom Logo ===== */
.custom-logo {
    max-height: 80px;
    width: auto;
}

.custom-logo-link {
    display: inline-block;
}

/* ===== FAQ Accordion ===== */
details summary::-webkit-details-marker,
details summary::marker {
    display: none;
    content: '';
}

details summary {
    list-style: none;
}

/* ===== Smooth animations ===== */
@keyframes bounce-slow {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 3s ease-in-out infinite;
}

/* ===== WordPress Admin Bar Fix ===== */
.admin-bar header.fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar header.fixed {
        top: 46px;
    }
}