/*
Theme Name: Video Security Надвірна
Theme URI: https://videosecurity.if.ua
Author: Modern Security Tech
Author URI: https://videosecurity.if.ua
Description: Преміальна, надшвидка, SEO-оптимізована тема систем відеонагляду та безпеки для Надвірної, Буковеля, Яремча, Делятина та Прикарпаття.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: videosecurity-nadvirna
Tags: security, cctv, local-business, high-performance, dark-theme, elementor-ready
*/

@import url('assets/css/main.css');

/* Critical Dark Mode Base to guarantee 100% dark background in WordPress & Elementor */
html,
body,
body.elementor-default,
body.elementor-page,
body.custom-background,
body.wp-custom-logo,
.elementor,
.elementor-kit-default,
.elementor-section-wrap,
.wp-site-blocks {
  background-color: #0B0D10 !important;
  color: #F5F7F8 !important;
}

body {
  background: radial-gradient(circle at 50% 0%, rgba(79, 120, 150, 0.08) 0%, transparent 45%),
              radial-gradient(circle at 100% 40%, rgba(33, 197, 93, 0.04) 0%, transparent 35%),
              #0B0D10 !important;
  background-attachment: fixed !important;
}

/* Full Width Main Layout Reset (Guarantees wide layout matching demo index.html) */
html,
body,
#page,
.site,
.site-main,
main#primary,
main.site-main,
.site-header,
.site-footer,
.wp-site-blocks,
body.is-layout-constrained,
body.is-layout-flow,
.is-layout-constrained,
.is-layout-flow {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body .is-layout-flow > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.is-layout-constrained > *,
.is-layout-flow > *,
.wp-site-blocks > *,
.site-main > *,
main#primary > *,
.site-main > section,
.hero-section,
.sales-block,
.section,
section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.container {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 3vw, 32px) !important;
  padding-right: clamp(16px, 3vw, 32px) !important;
  box-sizing: border-box !important;
}

body.admin-bar .site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

/* Remove unwanted gray borders & lines */
h1, h2, h3, h4, h5, h6, .hero-title, .hero-title *, .hero-content, .hero-section {
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
  text-decoration: none !important;
}
.hero-title::after, .hero-title::before, h1::after, h1::before {
  display: none !important;
  content: none !important;
  border: none !important;
}
.site-header { border-bottom: none !important; }