/* Zillya Antivirus Worldwide — design system. Files load in name order; later files win at equal specificity.
   00-base: tokens, type, header, buttons, section rhythm, footer, floating widgets, a11y (owner: lead)
   05-responsive-base: the original responsive block, loads BEFORE the area files so they can override it (owner: lead)
   10-home / 20-shop / 30-pages / 40-woo: one owner each; put that area's media queries in the same file. */

/* 14. responsive — header, footer, generic layout only; each area file carries its own media queries */
@media (max-width: 1024px) {
  body.zillya-design .horizontal-menu-toggle { display: inline-flex !important; }
  body.zillya-design .dt-nav-menu-horizontal--main { display: none; }
  body.zillya-design .elementor-widget-the7_horizontal-menu.elementor-widget { --menu-display: none; --mobile-display: inline-flex; }
  body.zillya-design .elementor-location-header { padding: 10px 16px; gap: 12px; box-sizing: border-box; max-width: 100%; }
  body.zillya-design .elementor-location-header > section { min-width: 0; }
  body.zillya-design .elementor-location-header > .elementor-element-736be00 { flex: 1 1 auto; }
  body.zillya-design .elementor-location-header > .elementor-element-cf654f4 { flex: 0 0 auto; }
  body.zillya-design .elementor-location-header .elementor-widget-image img { width: 170px; }
  body.zillya-design .elementor-element-736be00 > .elementor-container > .elementor-column:last-child .elementor-widget-wrap { justify-content: flex-end; }
  body.zillya-design .dt-menu-cart__toggle_button { padding: 8px 12px; }
  body.zillya-design .dt-menu-cart__toggle_button .dt-cart-subtotal { display: none; }
  /* mobile dropdown menu panel */
  body.zillya-design .dt-mobile-menu-dropdown, body.zillya-design .horizontal-menu-wrap .dt-nav-menu-horizontal--main.show,
  body.zillya-design .the7-mobile-menu-dropdown, body.zillya-design .mob-menu-dropdown .dt-nav-menu-horizontal__container[style*="display: block"],
  body.zillya-design .dt-nav-menu-horizontal--main.dt-nav-menu-horizontal__container.open {
    display: block;
    position: absolute;
    left: 0; right: 0; top: 100%;
    background: var(--z-white);
    border-top: 1px solid var(--z-line);
    border-bottom: 1px solid var(--z-line);
    z-index: 200;
    padding: 8px 16px 12px;
  }
  body.zillya-design .dt-nav-menu-horizontal { flex-direction: column !important; align-items: stretch; gap: 0; }
  body.zillya-design .dt-nav-menu-horizontal > li > a { padding: 14px 8px !important; border-radius: 0; border-bottom: 1px solid var(--z-line); font-size: 17px !important; }
  body.zillya-design .dt-nav-menu-horizontal > li:last-child > a { border-bottom: 0; }
  body.zillya-design .elementor-location-header { position: relative; }
  :root { --z-section: 64px; }
  body.zillya-design .elementor-location-footer .elementor-element-f5e4f40 > .elementor-container { flex-wrap: wrap; }
  body.zillya-design .elementor-location-footer .elementor-element-f5e4f40 > .elementor-container > .elementor-column { width: 50% !important; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 > .elementor-container { flex-wrap: wrap; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 > .elementor-container > .elementor-column { width: 100% !important; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 .elementor-column:last-child .elementor-button-wrapper { justify-content: flex-start; }
}
@media (max-width: 782px) {
  :root { --z-section: 56px; }
  body.zillya-design, body.zillya-design p, body.zillya-design li, body.zillya-design .elementor-widget-text-editor { font-size: 16px; }
  body.zillya-design .elementor-widget-text-editor h4, body.zillya-design .elementor-widget-text-editor h5 { font-size: 16px !important; }
  body.zillya-design .wf-wrap { padding-left: 16px; padding-right: 16px; }
  body.zillya-design .elementor-location-header .elementor-widget-image img { width: 140px; }
  body.zillya-design .elementor-location-header { padding: 10px 12px; gap: 8px; box-sizing: border-box; max-width: 100%; }
  body.zillya-design .elementor-location-header > section { min-width: 0; }
  body.zillya-design .elementor-location-header > .elementor-element-736be00 { flex: 1 1 auto; }
  body.zillya-design .elementor-element-736be00 > .elementor-container { gap: 8px; }
  body.zillya-design .dt-menu-cart__toggle_button { padding: 8px 10px; }
  body.zillya-design .horizontal-menu-toggle .toggle-text { display: none; }
  body.zillya-design .horizontal-menu-toggle { padding: 9px 10px; }
  /* every Elementor row stacks */
  body.zillya-design .elementor .e-con-inner, body.zillya-design .elementor .e-con-full.e-flex { flex-direction: column !important; }
  body.zillya-design .elementor .e-con-inner > .elementor-element, body.zillya-design .elementor .e-con > .e-child { width: 100% !important; max-width: 100% !important; }
  body.zillya-design .elementor-section .elementor-container { flex-wrap: wrap; }
  body.zillya-design .elementor-section .elementor-container > .elementor-column { width: 100% !important; }
  body.zillya-design .elementor-location-header .elementor-container { flex-wrap: nowrap; }
  body.zillya-design .elementor-location-header .elementor-container > .elementor-column { width: auto !important; }
  body.zillya-design [data-elementor-type="wp-page"] > .elementor-section > .elementor-container,
  body.zillya-design [data-elementor-type="wp-page"] > .e-con,
  body.zillya-design [data-elementor-type="product"] > .e-con { padding-top: 28px; padding-bottom: 28px; }
  body.zillya-design .elementor-location-footer .elementor-element-f5e4f40 > .elementor-container > .elementor-column { width: 100% !important; }
  body.zillya-design .elementor-location-footer .elementor-element-f5e4f40 > .elementor-container { padding: 36px 16px 32px; gap: 24px; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 > .elementor-container { padding: 28px 16px; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 .elementor-button { width: 100%; }
  body.zillya-design .elementor-location-footer .elementor-element-37f5871 h3.elementor-heading-title { font-size: 20px !important; }
  body.zillya-design .gt_switcher_wrapper { max-width: 120px !important; }
  body.zillya-design .gt_switcher_wrapper select.gt_selector { width: 120px !important; }
}
@media (min-width: 1025px) {
  body.zillya-design .elementor-location-header { position: sticky; top: 0; z-index: 1000; }
  body.admin-bar.zillya-design .elementor-location-header { top: 32px; }
}

/* review 2026-09-10: the open phone/tablet menu is The7's absolutely positioned <nav> inside .horizontal-menu-wrap.
   Anchor it to the header instead so it spans the full width under the logo row. */
@media (max-width: 1024px) {
  body.zillya-design .elementor-location-header { position: relative; }
  body.zillya-design .elementor-location-header > section, body.zillya-design .elementor-location-header .elementor-container, body.zillya-design .elementor-location-header .elementor-column, body.zillya-design .elementor-location-header .elementor-widget-wrap, body.zillya-design .elementor-location-header .elementor-widget, body.zillya-design .elementor-location-header .elementor-widget-container, body.zillya-design .horizontal-menu-wrap { position: static !important; }
  body.zillya-design nav.dt-nav-menu-horizontal--main {
    position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important;
    width: auto !important; min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 8px 16px 12px !important;
    background: var(--z-white) !important; border-top: 1px solid var(--z-line); border-bottom: 1px solid var(--z-line);
    box-shadow: 0 12px 24px -12px rgba(17,26,58,.18); z-index: 300; display: block !important;
  }
  body.zillya-design nav.dt-nav-menu-horizontal--main ul { flex-direction: column !important; width: 100% !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; }
  body.zillya-design nav.dt-nav-menu-horizontal--main ul > li { width: 100%; display: block !important; }
  body.zillya-design nav.dt-nav-menu-horizontal--main ul > li > a { display: flex !important; width: 100%; padding: 14px 8px !important; border-radius: 0 !important; border-bottom: 1px solid var(--z-line); font-size: 17px !important; color: var(--z-ink) !important; }
  body.zillya-design nav.dt-nav-menu-horizontal--main ul > li:last-child > a { border-bottom: 0; }
  body.zillya-design nav.dt-nav-menu-horizontal--main ul > li.current-menu-item > a { color: var(--z-navy) !important; background: var(--z-paper); }
}
@media (max-width: 1024px) {
  body.zillya-design nav.dt-nav-menu-horizontal--main ul > li > a, body.zillya-design nav.dt-nav-menu-horizontal--main ul > li > a .menu-text, body.zillya-design nav.dt-nav-menu-horizontal--main ul > li > a .menu-item-text { color: var(--z-ink) !important; font-weight: 500 !important; }
  body.zillya-design nav.dt-nav-menu-horizontal--main { padding: 6px 16px 10px !important; }
}
/* Elementor gives some nested containers a % side margin that pushes them past a phone viewport */
@media (max-width: 782px) {
  body.zillya-design .e-con > .e-con-inner > .e-con, body.zillya-design .e-con > .e-con { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; }
}