/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description: Astra Child Theme
 Author:       Astra Studio
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/


/* =========================
   Fonts
========================= */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap');

/* =========================
   Layout & Containers
========================= */
.site-content > .ast-container {
    max-width: 100%;
    padding: 0;
}

.site-content .ast-container {
    display: block !important;
}

.entry-header.ast-no-thumbnail,
.entry-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.entry-header.ast-no-thumbnail {
    margin-top: 40px;
}

.entry-content .content-block .ast-container {
    padding-left: 0;
    padding-right: 0;
}

/* =========================
   Star Rating
========================= */
.star-rating {
    display: flex;
    justify-content: center;
}

.star-rating .star {
    font-size: 20px;
}

.site-footer {
    overflow: hidden;
}

/* =========================
   Footer Base
========================= */
.site-above-footer-wrap[data-section="section-above-footer-builder"],
.site-primary-footer-wrap[data-section="section-primary-footer-builder"],
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background: black;
    border: none;
    margin: 0 !important;
    padding-bottom: 15px;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    margin-top: 60px;
    padding-bottom: 0;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: left;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] p,
.site-footer .ast-footer-copyright p {
    color: white;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding: 40px 0;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    padding-top: 0;
}

/* =========================
   Play Safe Section
========================= */
.play-safe-title {
    color: white;
    font-family: 'Red Hat Display', sans-serif !important;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left;
}

.play-safe-wrap {
    flex-wrap: wrap;
    align-items: center;
    background-color: #1c1c1c;
    padding: 20px;
    border-radius: 10px;
}

.play-safe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* =========================
   Footer Menu
========================= */
#astra-footer-menu li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
}

#astra-footer-menu li a,
#astra-footer-menu .menu-link {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: white;
    text-decoration: none;
    padding-right: 10px;
}

#astra-footer-menu li:not(:last-child)::after {
    content: "|";
    color: white;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
}

/* =========================
   Mobile & Header
========================= */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: #d4af37;
}

/* =========================
   Glossy transparent header
========================= */
.home #masthead,
.home .site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background: transparent !important;
}

.home .ast-primary-header-bar,
.home .main-header-bar,
.home .ast-above-header-bar,
.home .ast-below-header-bar,
.home .site-header .ast-builder-grid-row-container-inner {
    position: relative;
    background: rgba(8, 8, 8, 0.28) !important;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    border-bottom: 1px solid rgb(212 175 55 / 15%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

/* Anchor scroll offset for sticky/overlay header */
.wp-block-acf-header-banner,
.wp-block-acf-horizontal-items,
.wp-block-acf-vertical-items,
.wp-block-acf-contact-form,
.wp-block-acf-accordion,
.wp-block-acf-brands-list,
.cp_block-content {
    scroll-margin-top: 100px;
}

.home .ast-primary-header-bar::before,
.home .main-header-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.02) 40%,
        rgba(0, 0, 0, 0.12) 100%
    );
}

/* =========================
   Main menu — black & gold
========================= */
#masthead .ast-primary-header-bar,
#masthead .main-header-bar,
.site-header .ast-primary-header-bar,
.site-header .main-header-bar {
    background: #0a0a0a !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}

.home #masthead .ast-primary-header-bar,
.home #masthead .main-header-bar,
.home .site-header .ast-primary-header-bar,
.home .site-header .main-header-bar {
    background: rgba(8, 8, 8, 0.28) !important;
}

#masthead .main-header-menu > .menu-item > .menu-link,
#masthead .ast-builder-menu .main-header-menu > .menu-item > .menu-link,
.site-header .main-header-menu > .menu-item > .menu-link,
.ast-desktop .main-header-menu > .menu-item > .menu-link,
.ast-header-break-point .main-header-menu > .menu-item > .menu-link {
    color: #f0d78c !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}

#masthead .main-header-menu > .menu-item > .menu-link:hover,
#masthead .main-header-menu > .menu-item > .menu-link:focus,
#masthead .main-header-menu > .menu-item > .menu-link:focus-visible,
#masthead .main-header-menu > .menu-item > .menu-link:active,
#masthead .ast-builder-menu .main-header-menu > .menu-item > .menu-link:hover,
#masthead .ast-builder-menu .main-header-menu > .menu-item > .menu-link:focus,
.site-header .main-header-menu > .menu-item > .menu-link:hover,
.site-header .main-header-menu > .menu-item > .menu-link:focus,
.site-header .main-header-menu > .menu-item > .menu-link:focus-visible,
.ast-desktop .main-header-menu > .menu-item > .menu-link:hover,
.ast-desktop .main-header-menu > .menu-item > .menu-link:focus {
    color: #d4af37 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
}

#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
#masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
#masthead .main-header-menu > .menu-item.current_page_item > .menu-link,
.site-header .main-header-menu > .menu-item.current-menu-item > .menu-link,
.site-header .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
.site-header .main-header-menu > .menu-item.current_page_item > .menu-link {
    color: #d4af37 !important;
}

#masthead .main-header-menu .sub-menu,
.site-header .main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

#masthead .main-header-menu .sub-menu .menu-link,
.site-header .main-header-menu .sub-menu .menu-link {
    color: #f0d78c !important;
    background: transparent !important;
    outline: none !important;
    border: none !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

#masthead .main-header-menu .sub-menu .menu-link:hover,
#masthead .main-header-menu .sub-menu .menu-link:focus,
.site-header .main-header-menu .sub-menu .menu-link:hover,
.site-header .main-header-menu .sub-menu .menu-link:focus {
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.1) !important;
    outline: none !important;
}

#masthead .ast-header-button-1 .ast-custom-button,
.site-header .ast-custom-button {
    color: #0a0a0a !important;
    background: linear-gradient(135deg, #f0d78c 0%, #d4af37 50%, #b8922a 100%) !important;
    border-color: #d4af37 !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
.ast-mobile-menu-buttons .ast-mobile-svg {
    fill: #d4af37 !important;
}

.ast-mobile-popup-drawer,
.ast-mobile-popup-content,
.content-align-flex-start .ast-builder-menu-mobile .main-navigation {
    background: #0a0a0a !important;
}

.ast-mobile-popup-drawer .main-header-menu .menu-link,
.ast-mobile-popup-drawer .menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-link {
    color: #f0d78c !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}

.ast-mobile-popup-drawer .main-header-menu .menu-link:hover,
.ast-mobile-popup-drawer .main-header-menu .menu-link:focus,
.ast-mobile-popup-drawer .main-header-menu .current-menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-link:hover,
.ast-header-break-point .main-header-menu .menu-link:focus,
.ast-header-break-point .main-header-menu .current-menu-item > .menu-link {
    color: #d4af37 !important;
    outline: none !important;
}

.ast-mobile-popup-drawer .menu-toggle-close .ast-mobile-svg,
.ast-mobile-popup-drawer .ast-mobile-svg {
    fill: #d4af37 !important;
}

.header-banner-wrapper {
    background: #0a0a0a;
}

.home #page .site-content {
    background: #0a0a0a;
}
@media (min-width: 922px) {
    .entry-header.ast-no-thumbnail,
    .entry-content {
        max-width: 1240px;
    }
}

@media (max-width: 921px) {
    .entry-header.ast-no-thumbnail,
    .entry-content {
        max-width: 100%;
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu {
        background-color: #000000;
    }
}

@media (max-width: 767px) {
    .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
        min-height: unset;
    }
}

@media (max-width: 544px) {
    .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu {
        display: flex;
        justify-content: left;
    }
}

/* =========================
   Misc Utilities
========================= */
.site-title {
    display: none;
}

.admin-bar #page {
    min-height: unset;
}

.flex {
    display: flex;
}

.w-full {
    width: 100%;
}

p {
    margin-bottom: 0;
}

.relative {
    position: relative;
}

#ast-scroll-top {
    display: none !important;
}

.sabox-plus-item {
    max-width: 1200px;   
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0 !important;
	padding-left: 20px;
    padding-right: 20px;
}

.site-footer-section #page {
	min-height: auto;
}

.saboxplugin-wrap {
    border-color: #a5a5a578;
}

@media (min-width: 1200px) {
     .sabox-plus-item {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 500px) {
  .wp-block-acf-header-banner .banner-content p:nth-child(1) {
    width: 94% !important;
  }

  .wp-block-acf-header-banner picture.cp_img-wrap, .wp-block-acf-header-banner img.cp_img {
    object-position: 70% !important;
  }
}