/* =========================================================
   Topshelf → Artex landing visual skin
   Reference: artex.si/landing/paletni-regali.html
   Content unchanged – graphics / chrome only
   ========================================================= */

@font-face {
  font-family: "Sansation";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.artex.si/fonts/Sansation_Regular.ttf") format("truetype");
}

:root {
  --brand: #007fc2;
  --brand-logo: #0076bf;
  --brand2: #0069a0;
  --brand-dark: #054768;
  --brand-mid: #0083c8;
  --brand-light: #4da8e0;
  --brand-pale: #e8f4fb;
  --brand-pale-2: #f0f8fd;
  --brand-border: #b8d9ef;
  --brand-border-soft: #d4e8f6;
  --brand-rgb: 0, 127, 194;
  --brand-dark-rgb: 5, 71, 104;
  --bg: #054768;
  --text: #0b2030;
  --muted: #5a6d7d;
  --white: #fff;
  --shadow: 0 18px 40px rgba(5, 71, 104, 0.18);
  --radius: 16px;
  --shell: #eceff3;
  --shell-border: #d5dbe3;
  --page-bg: #f4f8fb;
}

html {
  scroll-behavior: smooth;
}

body,
body.et-header-overlap,
.elementor-kit-7 {
  font-family: "Sansation", system-ui, sans-serif !important;
  color: var(--text);
  background: var(--page-bg) !important;
}

body,
button,
input,
textarea,
select,
.elementor-widget,
.elementor-heading-title,
.elementor-button-wrapper .elementor-button {
  font-family: "Sansation", system-ui, sans-serif !important;
}

/* ---------- Header / topbar (landing shell) ---------- */
.elementor-location-header,
.elementor-940 {
  background: rgba(236, 239, 243, 0.96) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--shell-border);
  box-shadow: none !important;
}

.elementor-location-header .elementor-element,
.elementor-location-header .elementor-widget-container {
  color: var(--brand-dark);
}

.elementor-location-header a {
  color: var(--brand-dark) !important;
  font-weight: 700;
}

.elementor-location-header a:hover {
  color: var(--brand) !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item {
  font-size: 14px;
  letter-spacing: 0.02em;
}

/* Hide shop chrome that does not belong on product landing */
.elementor-location-header .etheme-elementor-mobile-menu-wishlist,
.elementor-location-header .etheme-elementor-mobile-menu-compare,
.elementor-location-header .et-wishlist-widget,
.elementor-location-header .et-compare,
header .wishlist,
header .compare,
.elementor-940 .etheme-elementor-off-canvas__toggle.etheme-elementor-mobile-menu-wishlist,
.elementor-940 .etheme-elementor-off-canvas__toggle.etheme-elementor-mobile-menu-compare {
  display: none !important;
}

/* Hide demo Woo categories in header search megamenu */
.widget_product_categories .cat-item-17,
.widget_product_categories .cat-item-18,
.product-categories .cat-item a[href*="accessories"],
.product-categories .cat-item a[href*="headphones"] {
  display: none !important;
}

/* ---------- Buttons → landing pills ---------- */
.elementor-button,
.elementor-button-link,
button.elementor-button,
a.button,
.button,
.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wp-element-button,
input[type="submit"],
.et-button {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.elementor-button-primary,
.elementor-button[class*="primary"],
a.button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
button[type="submit"],
input[type="submit"],
.et-button-dark,
.btn-color-dark {
  background: var(--brand) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.elementor-button-primary:hover,
.elementor-button[class*="primary"]:hover,
a.button.alt:hover,
.woocommerce a.button.alt:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--brand2) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Ghost / outline CTAs */
.elementor-button-outline,
.elementor-button.elementor-button-link.elementor-size-sm,
a.elementor-button[href*="#"].elementor-button-link {
  border-width: 1px !important;
}

/* ---------- Typography ---------- */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  color: var(--brand-dark) !important;
  letter-spacing: 0.2px;
  font-weight: 800 !important;
}

.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-theme-post-content,
p {
  color: var(--text);
}

.elementor-widget-text-editor p,
.muted,
.elementor-icon-box-description {
  color: var(--muted);
}

/* White text on dark / hero sections */
.elementor-section[data-settings*="background_background"],
.elementor-section.elementor-reverse-mobile .elementor-heading-title,
.rev-btn,
.elementor-section.has-dark-bg h1,
.elementor-section.has-dark-bg h2,
.elementor-section.has-dark-bg h3,
.elementor-section.has-dark-bg p,
.elementor-element[data-settings*='"background_color":"#0'] .elementor-heading-title,
.elementor-element[style*="background"] .elementor-heading-title {
  /* keep Elementor inline colors when intentionally light-on-dark */
}

/* Dark section heuristic: sections with dark blue backgrounds */
.elementor-section[data-settings*="054768"] .elementor-heading-title,
.elementor-section[data-settings*="007fc2"] .elementor-heading-title,
.elementor-section[data-settings*="0069a0"] .elementor-heading-title,
.rs-layer,
.rev-slidebg + * .elementor-heading-title {
  color: #fff !important;
}

/* ---------- Sections / cards ---------- */
.elementor-section.elementor-top-section {
  position: relative;
}

.elementor-widget-icon-box .elementor-icon-box-wrapper,
.elementor-widget-image-box .elementor-image-box-wrapper,
.e-con.e-flex.e-con-boxed > .e-con-inner {
  border-radius: var(--radius);
}

/* Soft card look for icon boxes */
.elementor-widget-icon-box .elementor-widget-container,
.elementor-widget-image-box .elementor-widget-container {
  border-radius: 18px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elementor-widget-icon-box:hover .elementor-widget-container,
.elementor-widget-image-box:hover .elementor-widget-container {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(var(--brand-rgb), 0.12);
}

.elementor-icon {
  color: var(--brand) !important;
}

.elementor-view-stacked .elementor-icon {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-light) 100%) !important;
  color: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 34px rgba(var(--brand-rgb), 0.24);
}

/* ---------- Forms (configurator / CF7) ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
textarea,
select,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  border-radius: 12px !important;
  border: 1px solid var(--brand-border-soft) !important;
  background: #fff !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: var(--brand) !important;
  outline: 3px solid rgba(var(--brand-rgb), 0.2) !important;
  outline-offset: 0;
}

/* ---------- FAQ / accordion ---------- */
.elementor-accordion .elementor-accordion-item,
.elementor-toggle .elementor-toggle-item,
.e-n-accordion-item {
  border: 1px solid var(--brand-border-soft) !important;
  border-radius: 14px !important;
  background: #fff !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}

.elementor-accordion-title,
.elementor-toggle-title,
.e-n-accordion-item-title {
  color: var(--brand-dark) !important;
  font-weight: 800 !important;
}

/* ---------- Footer ---------- */
.elementor-location-footer,
footer.et-footers-wrapper,
.et-footer {
  background: var(--brand-dark) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer a,
.et-footer a {
  color: #fff !important;
}

.elementor-location-footer a:hover {
  color: var(--brand-light) !important;
}

/* ---------- Woo leftovers ---------- */
.woocommerce ul.products li.product .button,
.added_to_cart {
  border-radius: 999px !important;
}

.woocommerce span.onsale {
  background: var(--brand) !important;
  border-radius: 999px !important;
}

/* ---------- Links ---------- */
.elementor-widget-text-editor a,
.entry-content a {
  color: var(--brand);
  text-underline-offset: 2px;
}

.elementor-widget-text-editor a:hover {
  color: var(--brand2);
}

/* ---------- Search panel ---------- */
.etheme-elementor-search,
.etheme-search-form-submit {
  border-radius: 999px !important;
}

.etheme-search-form-submit {
  background: var(--brand) !important;
  color: #fff !important;
}

/* Staging ribbon (subtle) */
body.admin-bar::before {
  /* no-op; ribbon via meta only */
}

@media (max-width: 767px) {
  .elementor-location-header {
    backdrop-filter: blur(8px);
  }
}