/*
Theme Name: Amar Shaving Club
Theme URI: https://amarshavingclub.shop
Author: Amar Shaving Club Engineering
Author URI: https://amarshavingclub.shop
Description: Modern, minimalist, high-conversion React-powered WordPress theme for Amar Shaving Club — Bangladesh's premium men's grooming e-commerce brand. Dark luxury aesthetic with Champagne Gold accents. React SPA mounts on the front end, WordPress serves as CMS/backend.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
License URI: https://amarshavingclub.shop/terms
Text Domain: amar-shaving-club
Tags: ecommerce, custom-colors, custom-menu, featured-images, theme-options, translation-ready
*/

/* Base reset — React + Tailwind handles all styling */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #0B0B08;
    color: #F5E9D9;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Prevent WordPress admin bar from interfering with sticky header */
body.admin-bar #root {
    margin-top: 0;
}

body.admin-bar {
    padding-top: 32px;
}

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

/* Hide WordPress default content when React is mounted */
.wp-site-blocks,
.wp-block-post-content {
    display: none;
}

/* Ensure React root takes full viewport */
#root {
    min-height: 100vh;
}