/*
Theme Name: DT Luxe
Template: astra
Author: DT Studio
Version: 2.0
*/

/* ── Fonts ── */
@font-face {
    font-family: 'Playfair';
    src: url('/wp-content/uploads/fonts/Playfair.woff2') format('woff2');
    font-weight: 400 700;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/uploads/fonts/Manrope.woff2') format('woff2');
    font-weight: 300 700;
    font-display: swap;
}

/* ── Base ── */
:root {
    --dt-bg:      #0B0A0A;
    --dt-text:    #E4E4E4;
    --dt-accent:  #C9A66B;
    --dt-heading: 'Playfair', Georgia, serif;
    --dt-body:    'Manrope', system-ui, sans-serif;
}

body {
    background-color: var(--dt-bg) !important;
    color: var(--dt-text) !important;
    font-family: var(--dt-body) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--dt-heading) !important;
    color: var(--dt-text) !important;
}

a { color: var(--dt-accent); }
a:hover { color: var(--dt-text); }

/* ── Header ── */
.ast-primary-header,
.site-header {
    background: transparent !important;
    position: absolute !important;
    width: 100%;
    z-index: 999;
}

.ast-site-identity { text-align: center; display: block; }
.main-header-bar-navigation { text-align: center; }
.ast-primary-header-bar { flex-direction: column; align-items: center; }

/* ── Hero ── */
.dt-hero {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.dt-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(11,10,10,.55);
}
.dt-hero__inner { position: relative; z-index: 1; }

.dt-hero__title {
    font-family: var(--dt-heading) !important;
    font-size: clamp(40px, 5vw, 64px);
    color: var(--dt-text) !important;
    margin-bottom: 1.5rem;
}

/* Gold border button */
.dt-btn-gold {
    display: inline-block;
    padding: .9rem 2.2rem;
    border: 1px solid var(--dt-accent);
    color: var(--dt-accent) !important;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: var(--dt-body);
    font-size: .85rem;
    transition: background .25s, color .25s;
}
.dt-btn-gold:hover {
    background: var(--dt-accent);
    color: var(--dt-bg) !important;
}

/* ── Posts grid ── */
.dt-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
@media (max-width: 900px) { .dt-posts-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .dt-posts-grid { grid-template-columns: 1fr; } }

.dt-card {
    background: #161414;
    overflow: hidden;
    border: 1px solid #222;
}
.dt-card img { width: 100%; height: 220px; object-fit: cover; }
.dt-card__body { padding: 1.2rem; }
.dt-card__title { font-family: var(--dt-heading); color: var(--dt-text); margin: 0 0 .5rem; }
.dt-card__title a { color: inherit; text-decoration: none; }
.dt-card__title a:hover { color: var(--dt-accent); }

/* ── Footer ── */
.site-footer, .ast-small-footer {
    background: var(--dt-bg) !important;
    color: #666 !important;
    text-align: center !important;
    padding: 1.5rem !important;
    border-top: 1px solid #1a1a1a;
    font-size: .85rem;
}

/* ── No sidebar ── */
.ast-right-sidebar, .ast-left-sidebar { display: none !important; }
.ast-article-post, .entry-content { max-width: 900px; margin: 0 auto; }

/* ── Sticky CTA ── */
.dt-sticky-cta {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
}

/* ── Mobile ── */
@media (max-width: 768px) {
    .ast-primary-header-bar .main-header-bar-navigation { display: none; }
    .ast-mobile-header-stack { display: flex; justify-content: center; }
}