/*
Theme Name: NOX Interior
Theme URI: https://noxinterior.example
Author: S-Media
Author URI: https://s-media.ch
Description: Atmospheric-luxury furniture theme for NOX INTERIOR. Custom coffee tables & TV cabinets with a manufacturer-direct, made-to-measure storefront. Ships with a Product post type, categories, custom-order requests and WhatsApp integration.
Version: 1.0.0
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
Text Domain: nox-interior
Tags: furniture, ecommerce, luxury, custom-colors, custom-menu, featured-images
*/

/*
 * Visual styling for this theme is driven by Tailwind (loaded with the brand
 * configuration in header.php). This file carries the required theme header
 * plus the handful of custom utilities and font-variation rules that Tailwind
 * does not express on its own.
 */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Warm, walnut-tinted ambient shadow per the design system. */
.walnut-shadow {
    box-shadow: 0 10px 30px -10px rgba(68, 42, 34, 0.15);
}

.luxury-shadow {
    box-shadow: 0 10px 40px -10px rgba(68, 42, 34, 0.08);
}

.luxury-card {
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.luxury-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(68, 42, 34, 0.08);
}

.text-glow {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.nav-blur {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.thumbnail-active {
    border: 2px solid #442a22;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Keep the WordPress admin bar from hiding behind the fixed nav. */
.admin-bar #top-nav {
    top: 32px;
}

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

/* Pagination — styled to match the design's rounded page chips. */
.nox-pagination .nav-links {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.nox-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5f5e5e;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.nox-pagination .page-numbers:hover {
    background-color: #ebe8e3;
    color: #442a22;
}
.nox-pagination .page-numbers.current {
    background-color: #442a22;
    color: #ffffff;
}
.nox-pagination .page-numbers.prev,
.nox-pagination .page-numbers.next {
    color: #5f5e5e;
}

/* WordPress core alignment / caption helpers for post content. */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin-left: 1.5em; }
.alignleft { float: left; margin-right: 1.5em; }
.wp-caption { max-width: 100%; }
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}