/*
Theme Name: Best Dog Training Collars v1.5.3
Theme URI: https://bestdogtrainingcollars.com/
Author: OpenAI conversion of supplied AI Studio design
Description: WordPress conversion of the supplied Best Dog Training Collars React design, with real WordPress pages, calculators, regional affiliate links, Customizer-managed ads, branding, sticky product promotion, and footer controls.
Version: 1.5.3
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: bdtc
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
#wpadminbar + #root .sticky { }
.bdtc-ad-slot img { max-width: 100%; height: auto; }
.bdtc-ad-slot iframe { max-width: 100%; }
.bdtc-wp-content { font-size: 1rem; }
.bdtc-wp-content > * + * { margin-top: 1.25rem; }
.bdtc-wp-content h2 { font-size: 1.75rem; line-height: 1.2; font-weight: 900; color: #1c1917; margin-top: 2.25rem; }
.bdtc-wp-content h3 { font-size: 1.3rem; line-height: 1.3; font-weight: 800; color: #292524; margin-top: 1.75rem; }
.bdtc-wp-content a { color: #d97706; text-decoration: underline; text-underline-offset: 2px; }
.bdtc-wp-content ul, .bdtc-wp-content ol { padding-left: 1.4rem; }
.bdtc-wp-content ul { list-style: disc; }
.bdtc-wp-content ol { list-style: decimal; }
.bdtc-wp-content blockquote { border-left: 4px solid #f59e0b; padding-left: 1rem; color: #57534e; font-style: italic; }
.bdtc-wp-content img { max-width: 100%; height: auto; border-radius: 1rem; }
@media (min-width: 783px) { .admin-bar .bdtc-sticky-product-ad { top: 104px; } }

/* Match the typography resources shipped by the original AI Studio project. */
body, .font-sans { font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.font-mono { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.bdtc-ad-slot { width:100%; overflow:hidden; }
.bdtc-ad-slot > div > div:last-child { display:flex; justify-content:center; }
.bdtc-ad-slot ins, .bdtc-ad-slot iframe { max-width:100%; }


/* Native WordPress/plugin content compatibility */
.bdtc-wp-content img { max-width: 100%; height: auto; }
.bdtc-wp-content iframe, .bdtc-wp-content video, .bdtc-wp-content embed, .bdtc-wp-content object { max-width: 100%; }
.bdtc-wp-content .alignwide { width: min(1200px, 100%); max-width: 100%; }
.bdtc-wp-content .alignfull { width: 100%; max-width: 100%; }
.bdtc-wp-content table { max-width: 100%; overflow-x: auto; }

/* v1.5 navigation hardening: hamburger drawer is the only primary navigation at every viewport. */
body.bdtc-menu-open { overflow: hidden; }
#root header nav { display: none !important; }

/* Server-rendered progressive fallback. React replaces this content after the app loads. */
.bdtc-server-fallback{max-width:72rem;margin:0 auto;padding:5rem 1.5rem 4rem;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.bdtc-server-fallback h1{margin:0 0 1rem;font-family:Outfit,"Plus Jakarta Sans",system-ui,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1.05;font-weight:800}
.bdtc-server-fallback p{max-width:52rem;margin:0;font-size:1.05rem;line-height:1.75;color:#57534e}

/* Prevent the server SEO fallback from flashing before React mounts. */
html.bdtc-js .bdtc-server-fallback{display:none!important}