/*
Theme Name: VidLanding
Theme URI: https://videogenai.vangogodesign.com/
Author: Van Go Go Design
Author URI: https://vangogodesign.com
Description: VideoGen AI marketing landing page.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vidlanding
*/

.breadcrumb {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 1rem;
}

.breadcrumb ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 0;
}

.breadcrumb li {
    display: flex;
    align-items: center;
}

.breadcrumb a {
    color: #0073aa;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb span[aria-current="page"] {
    color: #333;
    font-weight: 500;
}

/* WCAG 2.2 AA baseline for shared theme components. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #005fcc !important;
    outline-offset: 3px !important;
}

.skip-link:focus {
    clip: auto !important;
    clip-path: none !important;
    width: auto !important;
    height: auto !important;
    top: 8px !important;
    left: 8px !important;
    padding: 12px 16px !important;
    background: #ffffff !important;
    color: #111827 !important;
    z-index: 1000000 !important;
}

.vgd-footer-copyright {
    color: #b8c2d1 !important;
}

.card-dark > .mono-gray,
[style*="rgba(255,255,255,.35)"] {
    color: #aeb7c5 !important;
}

.mono-gold,
.shop-body [style*="color:var(--gold)"],
[style*="color:var(--gold)"] {
    color: #765d00 !important;
}

.client-row [style*="rgba(255,255,255,.45)"] {
    color: rgba(255, 255, 255, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Global WordPress header and footer. */
.vidlanding-site-header { border-bottom: 0; }
.vgd-site-footer { margin-top: 0; }
.nav { display: none !important; }
.vidlanding-header-inner { width: var(--vidlanding-header-width); min-height: var(--vgd-header-height); margin: 0 auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--vidlanding-header-menu-gap); }
.vidlanding-brand .custom-logo-link { display: block; }
.vidlanding-brand .custom-logo { display: block; max-height: 44px; width: auto; }
.vidlanding-brand a { color: inherit; font-weight: 700; text-decoration: none; }
.vidlanding-header-nav .vidlanding-menu,
.vidlanding-footer-nav .vidlanding-menu { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; }
.vidlanding-site-header .vidlanding-header-inner { width: var(--vidlanding-header-width) !important; margin-left: auto !important; margin-right: auto !important; }
.vidlanding-header-nav { flex: 1 1 auto; min-width: 0; }
.vidlanding-site-header .vgd-primary-nav { display: block !important; background: transparent !important; position: static !important; }
.vidlanding-header-nav .vidlanding-menu { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; width: 100%; gap: var(--vidlanding-header-menu-gap); list-style: none !important; margin: 0 !important; padding: 0 !important; }
.vidlanding-header-nav .vidlanding-menu li { display: flex !important; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.vidlanding-header-nav .vidlanding-menu .sub-menu { display: flex !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; flex-direction: row !important; align-items: center !important; gap: var(--vidlanding-header-menu-gap); margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.vidlanding-header-nav .vidlanding-menu a,
.vidlanding-footer-nav .vidlanding-menu a { color: inherit; background: transparent !important; text-decoration: none; }
.vidlanding-header-actions { margin-left: auto; display: flex; align-items: center; gap: var(--vidlanding-header-action-gap); }
.vgd-site-header-default .vidlanding-header-inner { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.vgd-site-header-default .vidlanding-brand { justify-self: start; }
.vgd-site-header-default .vidlanding-header-nav { justify-self: center; }
.vgd-site-header-default .vidlanding-header-actions { justify-self: end; }
.vidlanding-button { display: inline-flex; align-items: center; min-height: var(--vidlanding-button-height); padding: 0 var(--vidlanding-button-padding); border-radius: var(--vidlanding-button-radius); font-weight: 600; text-decoration: none; white-space: nowrap; }
.vidlanding-button-secondary { background: var(--vidlanding-sign-in-bg); border: 1px solid var(--vidlanding-sign-in-border); color: var(--vidlanding-sign-in-text); }
.vidlanding-button-primary { background: var(--vidlanding-cta-bg); color: var(--vidlanding-cta-text); }
.vidlanding-footer-inner { width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
.vidlanding-footer-nav .vidlanding-menu { justify-content: center; flex-wrap: wrap; }
.vidlanding-footer-nav .vidlanding-menu a { color: inherit; }
.vidlanding-copyright { margin: 0; font-size: 14px; }
.vidlanding-site-footer.is-align-left .vidlanding-footer-inner,
.vidlanding-site-footer.is-align-left .vidlanding-footer-nav .vidlanding-menu { justify-content: flex-start; text-align: left; }
.vidlanding-site-footer.is-align-center .vidlanding-footer-inner,
.vidlanding-site-footer.is-align-center .vidlanding-footer-nav .vidlanding-menu { justify-content: center; text-align: center; }
.vidlanding-site-footer.is-align-right .vidlanding-footer-inner,
.vidlanding-site-footer.is-align-right .vidlanding-footer-nav .vidlanding-menu { justify-content: flex-end; text-align: right; }
@media (max-width: 720px) {
    .vidlanding-header-inner { width: var(--vidlanding-header-width); min-height: var(--vgd-header-height); grid-template-columns: 1fr; }
    .vidlanding-site-header .vidlanding-header-inner { width: var(--vidlanding-header-width) !important; }
    .vidlanding-header-nav .vidlanding-menu { flex-wrap: wrap; padding-bottom: 16px; }
    .vidlanding-header-actions { width: 100%; margin-left: 0; padding-bottom: 16px; flex-wrap: wrap; }
    .vidlanding-footer-inner { width: calc(100% - 32px); flex-direction: column; text-align: center; }
}

@media (max-width: 991px) {
    .vgd-site-header-default .vidlanding-header-inner { position: relative; grid-template-columns: auto minmax(0, 1fr) auto; }
    .vgd-site-header-default .vgd-mobile-toggle { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: inherit; }
    .vgd-site-header-default .vgd-mobile-toggle span:not(.screen-reader-text) { display: block; width: 24px; height: 2px; background: currentColor; }
    .vgd-site-header-default .vidlanding-brand { justify-self: start; }
    .vgd-site-header-default .vidlanding-header-actions { justify-self: end; }
    .vgd-site-header-default .vidlanding-header-nav { display: none !important; position: absolute !important; top: calc(50% + 20px); left: 0; right: auto; z-index: 1001; min-width: max-content; padding: var(--vidlanding-header-menu-gap); background: inherit; }
    .vgd-site-header-default .vidlanding-header-nav.is-open { display: block !important; }
    .vgd-site-header-default .vidlanding-header-nav .vidlanding-menu,
    .vgd-site-header-default .vidlanding-header-nav .vidlanding-menu .sub-menu { flex-direction: column !important; align-items: flex-start !important; }
}