/*
Theme Name: Classic Dokan
Description: A child theme of Shoes Store made by AMAR DOKAN. The Classic Dokan design from the AMAR DOKAN website builder.
Author: AMAR DOKAN
Template: shoes-store
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adk-site-classic-dokan-f04580
*/

/* The design. ":root:root" outranks the parent theme's own palette; the names after the AMAR DOKAN ones map the
   design onto Astra, Kadence, Blocksy, Neve, GeneratePress, the block editor, WooCommerce and Elementor. */
:root:root,
html body.adk-design {
  --adk-primary: #087f68;
  --adk-primary-hover: #309380;
  --adk-primary-soft: #d6e9e4;
  --adk-on-primary: #fbf8f2;
  --adk-secondary: #f2a541;
  --adk-accent: #c28434;
  --adk-bg: #f7faf8;
  --adk-surface: #f0f3f1;
  --adk-text: #12201c;
  --adk-heading: #12201c;
  --adk-muted: #697370;
  --adk-border: #d9dedb;
  --adk-header: #f7faf8;
  --adk-on-header: #087f68;
  --adk-header-line: #daebe7;
  --adk-footer: #f0f3f1;
  --adk-on-footer: #12201c;
  --adk-footer-line: #d1d5d3;
  --adk-sale: #f2a541;
  --adk-on-sale: #111111;
  --adk-hero-bg: #dfeeea;
  --adk-hero-fg: #12201c;
  --adk-hero-muted: #5f6865;
  --adk-btn-bg: #087f68;
  --adk-btn-fg: #fbf8f2;
  --adk-btn-bg-hover: #309380;
  --adk-btn-fg-hover: #111111;
  --adk-btn-radius: 999px;
  --adk-btn-case: none;
  --adk-btn-spacing: normal;
  --adk-font-body: "Plus Jakarta Sans", sans-serif;
  --adk-font-heading: "Plus Jakarta Sans", sans-serif;
  --adk-heading-weight: 700;
  --adk-heading-case: none;
  --adk-heading-spacing: normal;
  --adk-size: 16px;
  --adk-radius: 18px;
  --adk-card-radius: 16px;
  --adk-media-radius: 18px;
  --adk-badge-radius: 12px;
  --adk-container: 1200px;
  --adk-band-space: clamp(48px, 7vw, 96px);

  /* Astra */
  --ast-global-color-0: var(--adk-primary);
  --ast-global-color-1: var(--adk-primary-hover);
  --ast-global-color-2: var(--adk-heading);
  --ast-global-color-3: var(--adk-text);
  --ast-global-color-4: var(--adk-surface);
  --ast-global-color-5: var(--adk-bg);
  --ast-global-color-6: var(--adk-border);
  --ast-global-color-7: var(--adk-text);
  --ast-global-color-8: var(--adk-text);
  /* Kadence */
  --global-palette1: var(--adk-primary);
  --global-palette2: var(--adk-primary-hover);
  --global-palette3: var(--adk-heading);
  --global-palette4: var(--adk-text);
  --global-palette5: var(--adk-muted);
  --global-palette6: var(--adk-muted);
  --global-palette7: var(--adk-border);
  --global-palette8: var(--adk-surface);
  --global-palette9: var(--adk-bg);
  --global-palette-btn-bg: var(--adk-btn-bg);
  --global-palette-btn-bg-hover: var(--adk-btn-bg-hover);
  --global-palette-btn: var(--adk-btn-fg);
  --global-palette-btn-hover: var(--adk-btn-fg-hover);
  --global-body-font-family: var(--adk-font-body);
  --global-heading-font-family: var(--adk-font-heading);
  /* Blocksy */
  --theme-palette-color-1: var(--adk-primary);
  --theme-palette-color-2: var(--adk-primary-hover);
  --theme-palette-color-3: var(--adk-text);
  --theme-palette-color-4: var(--adk-heading);
  --theme-palette-color-5: var(--adk-border);
  --theme-palette-color-6: var(--adk-surface);
  --theme-palette-color-7: var(--adk-bg);
  --theme-palette-color-8: var(--adk-bg);
  --theme-text-color: var(--adk-text);
  --theme-headings-color: var(--adk-heading);
  --theme-link-initial-color: var(--adk-primary);
  --theme-link-hover-color: var(--adk-primary-hover);
  --theme-border-color: var(--adk-border);
  --theme-button-background-initial-color: var(--adk-btn-bg);
  --theme-button-background-hover-color: var(--adk-btn-bg-hover);
  --theme-button-text-initial-color: var(--adk-btn-fg);
  --theme-button-text-hover-color: var(--adk-btn-fg-hover);
  --theme-button-border-radius: var(--adk-btn-radius);
  /* Neve */
  --nv-primary-accent: var(--adk-primary);
  --nv-secondary-accent: var(--adk-secondary);
  --nv-site-bg: var(--adk-bg);
  --nv-light-bg: var(--adk-surface);
  --nv-dark-bg: var(--adk-footer);
  --nv-text-color: var(--adk-text);
  --nv-text-dark-bg: var(--adk-on-footer);
  --nv-c-1: var(--adk-accent);
  --nv-c-2: var(--adk-sale);
  --primarybtnbg: var(--adk-btn-bg);
  --primarybtncolor: var(--adk-btn-fg);
  --primarybtnhoverbg: var(--adk-btn-bg-hover);
  --primarybtnhovercolor: var(--adk-btn-fg-hover);
  --primarybtnborderradius: var(--adk-btn-radius);
  --bodyfontfamily: var(--adk-font-body);
  --headingsfontfamily: var(--adk-font-heading);
  /* GeneratePress */
  --contrast: var(--adk-text);
  --contrast-2: var(--adk-muted);
  --contrast-3: var(--adk-border);
  --base: var(--adk-surface);
  --base-2: var(--adk-surface);
  --base-3: var(--adk-bg);
  --accent: var(--adk-primary);
  /* Block themes and the block editor */
  --wp--preset--color--primary: var(--adk-primary);
  --wp--preset--color--secondary: var(--adk-secondary);
  --wp--preset--color--accent: var(--adk-accent);
  --wp--preset--color--base: var(--adk-bg);
  --wp--preset--color--base-2: var(--adk-surface);
  --wp--preset--color--contrast: var(--adk-text);
  --wp--preset--color--contrast-2: var(--adk-muted);
  --wp--preset--color--foreground: var(--adk-text);
  --wp--preset--color--background: var(--adk-bg);
  --wp--preset--color--tertiary: var(--adk-surface);
  --wp--preset--color--accent-1: var(--adk-primary);
  --wp--preset--color--accent-2: var(--adk-secondary);
  /* WooCommerce and Elementor */
  --wc-primary: var(--adk-primary);
  --wc-primary-text: var(--adk-on-primary);
  --wc-secondary: var(--adk-surface);
  --wc-highlight: var(--adk-sale);
  --e-global-color-primary: var(--adk-primary);
  --e-global-color-secondary: var(--adk-secondary);
  --e-global-color-text: var(--adk-text);
  --e-global-color-accent: var(--adk-accent);
}

/* Page and type */
html body.adk-design {
  background-color: var(--adk-bg);
  color: var(--adk-text);
  font-family: var(--adk-font-body);
  font-size: var(--adk-size);
}
body.adk-design :is(button, input, select, textarea, .button) {
  font-family: var(--adk-font-body);
}
body.adk-design :is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .product_title, .woocommerce-loop-product__title, .wc-block-grid__product-title, .wc-block-components-product-name, .widget-title) {
  font-family: var(--adk-font-heading) !important;
  font-weight: var(--adk-heading-weight);
  text-transform: var(--adk-heading-case);
  letter-spacing: var(--adk-heading-spacing);
  color: var(--adk-heading);
}
body.adk-design :is(input[type=text], input[type=email], input[type=tel], input[type=search], input[type=password], input[type=number], textarea, select) {
  border-color: var(--adk-border);
  border-radius: min(var(--adk-radius), 12px);
}

/* Buttons */
body.adk-design :is(.button, .wp-element-button, .wp-block-button__link, .single_add_to_cart_button, .checkout-button, .added_to_cart, .wc-block-components-button:not(.is-link), .ct-button, input[type=submit]) {
  background: var(--adk-btn-bg) !important;
  color: var(--adk-btn-fg) !important;
  border: 2px solid var(--adk-primary) !important;
  border-radius: var(--adk-btn-radius) !important;
  font-family: var(--adk-font-body);
  font-weight: 600;
  text-transform: var(--adk-btn-case);
  letter-spacing: var(--adk-btn-spacing);
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.adk-design :is(.button, .wp-element-button, .wp-block-button__link, .single_add_to_cart_button, .checkout-button, .added_to_cart, .wc-block-components-button:not(.is-link), .ct-button, input[type=submit]):is(:hover, :focus-visible) {
  background: var(--adk-btn-bg-hover) !important;
  color: var(--adk-btn-fg-hover) !important;
  border-color: var(--adk-btn-bg-hover) !important;
}
body.adk-design :is(.button, .wp-element-button, .wp-block-button__link, .single_add_to_cart_button, .checkout-button, .added_to_cart, .wc-block-components-button:not(.is-link), .ct-button, input[type=submit]):focus-visible {
  outline: 2px solid var(--adk-accent);
  outline-offset: 2px;
}

/* Shop */
body.adk-design :is(.price, .woocommerce-Price-amount, .wc-block-components-product-price) {
  color: var(--adk-text);
}
body.adk-design :is(.price del, del .woocommerce-Price-amount) {
  color: var(--adk-muted);
}
body.adk-design :is(.price ins, ins .woocommerce-Price-amount) {
  color: var(--adk-sale);
  text-decoration: none;
}
body.adk-design :is(.onsale, .wc-block-components-product-sale-badge, .wc-block-grid__product-onsale, .ct-woo-badge-onsale) {
  background: var(--adk-sale) !important;
  color: var(--adk-on-sale) !important;
  border-color: var(--adk-sale) !important;
  border-radius: var(--adk-badge-radius) !important;
}
body.adk-design :is(ul.products li.product img, .wc-block-grid__product-image img, .wc-block-components-product-image img, .woocommerce-product-gallery__image img) {
  border-radius: var(--adk-media-radius);
}

/* Header */
body.adk-design :is(.site-header, #masthead, .main-header-bar, .ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar, .site-header-row-container-inner, #header [data-row], .header-main-inner, .header-top-inner, .header-bottom-inner, .inside-header, .main-navigation, .storefront-primary-navigation, .bhfb-header .bhfb-row-wrapper, header.wp-block-template-part) {
  background: var(--adk-header) !important;
  color: var(--adk-on-header) !important;
  border-color: var(--adk-header-line) !important;
}
body.adk-design :is(.site-header, #masthead, .main-header-bar, .ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar, .site-header-row-container-inner, #header [data-row], .header-main-inner, .header-top-inner, .header-bottom-inner, .inside-header, .main-navigation, .storefront-primary-navigation, .bhfb-header .bhfb-row-wrapper, header.wp-block-template-part) :is(a:not(.button), .menu-link, .site-title, .site-description, .ct-menu-link, button:not(.button)) {
  color: var(--adk-on-header) !important;
}
body.adk-design :is(.site-header, #masthead, .main-header-bar, .ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar, .site-header-row-container-inner, #header [data-row], .header-main-inner, .header-top-inner, .header-bottom-inner, .inside-header, .main-navigation, .storefront-primary-navigation, .bhfb-header .bhfb-row-wrapper, header.wp-block-template-part) :is(.sub-menu, .children, .dropdown-menu) {
  background: var(--adk-header) !important;
}

/* Footer */
body.adk-design :is(.site-footer, #colophon, .site-footer-wrap, .footer-widgets, .ast-small-footer, .site-above-footer-wrap, .site-primary-footer-wrap, .site-below-footer-wrap, .site-footer-row-container-inner, #footer [data-row], .footer--row-inner, .site-info, .bhfb-footer .bhfb-row-wrapper, footer.wp-block-template-part) {
  background: var(--adk-footer) !important;
  color: var(--adk-on-footer) !important;
  border-color: var(--adk-footer-line) !important;
}
body.adk-design :is(.site-footer, #colophon, .site-footer-wrap, .footer-widgets, .ast-small-footer, .site-above-footer-wrap, .site-primary-footer-wrap, .site-below-footer-wrap, .site-footer-row-container-inner, #footer [data-row], .footer--row-inner, .site-info, .bhfb-footer .bhfb-row-wrapper, footer.wp-block-template-part) :is(a:not(.button), h1, h2, h3, h4, h5, h6, .widget-title, p, li) {
  color: var(--adk-on-footer) !important;
}
body.adk-design :is(.site-footer, #colophon, .site-footer-wrap, .footer-widgets, .ast-small-footer, .site-above-footer-wrap, .site-primary-footer-wrap, .site-below-footer-wrap, .site-footer-row-container-inner, #footer [data-row], .footer--row-inner, .site-info, .bhfb-footer .bhfb-row-wrapper, footer.wp-block-template-part) a:not(.button):hover {
  opacity: 0.8;
}

/* Announcement bar */
.adk-announcement {
  position: relative;
  z-index: 100;
  padding: 8px 16px;
  background: var(--adk-primary);
  color: var(--adk-on-primary);
  font-family: var(--adk-font-body);
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
}

/* Homepage */
body.adk-home {
  overflow-x: clip;
}
body.adk-home :is(.entry-header, .page-header, .entry-hero, .page-hero-section, .hero-section, .nv-page-title-wrap, .ast-archive-description) {
  display: none !important;
}
body.adk-home :is(#secondary, .sidebar, aside.widget-area, .sidebar-main) {
  display: none !important;
}
body.adk-home :is(#primary, .content-area) {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
body.adk-home :is(#primary, .content-area, .site-main, #main, .entry-content-wrap, .inside-article, .ast-article-single, article.page, .entry-content) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.adk-home :is(.entry-content-wrap, .inside-article, .ast-article-single, article.page) {
  background: transparent !important;
  box-shadow: none !important;
}
body.adk-home .adk-band {
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: var(--adk-band-space) 0;
}
body.adk-home .adk-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--adk-container) !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 4vw, 32px);
}
body.adk-home .adk-band :is(h1, h2, h3, p) {
  margin-top: 0;
}
body.adk-home .adk-section-title {
  margin: 0 0 clamp(24px, 3vw, 40px);
  font-size: clamp(24px, 3vw, 36px);
  text-align: center;
}
body.adk-home .adk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
body.adk-home .adk-actions .wp-block-button__link {
  padding: 14px 30px;
  font-size: 1em;
}

.adk-hero {
  background: var(--adk-hero-bg);
  color: var(--adk-hero-fg);
}
body.adk-home .adk-hero .adk-hero-title {
  margin: 0 0 18px;
  color: var(--adk-hero-fg);
  font-size: clamp(34px, 5.2vw, 64px);
  line-height: 1.08;
}
body.adk-home .adk-hero .adk-lead {
  max-width: 620px;
  margin: 0 0 28px;
  color: var(--adk-hero-muted);
  font-size: clamp(16px, 1.6vw, 19px);
}
body.adk-home .adk-hero-full {
  padding: clamp(64px, 10vw, 140px) 0;
  text-align: center;
}
body.adk-home .adk-hero-full .adk-lead {
  margin-left: auto;
  margin-right: auto;
}
body.adk-home .adk-hero-full .adk-actions {
  justify-content: center;
}
body.adk-home .adk-hero-split {
  background: var(--adk-surface);
}
body.adk-home .adk-hero-split .adk-split {
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  margin: 0;
}
body.adk-home .adk-hero-art {
  min-height: clamp(220px, 32vw, 420px);
  border-radius: var(--adk-media-radius);
  background:
    radial-gradient(circle at 26% 32%, var(--adk-accent) 0 13%, transparent 13.5%),
    radial-gradient(circle at 72% 68%, var(--adk-primary-soft) 0 22%, transparent 22.5%),
    linear-gradient(135deg, var(--adk-primary), var(--adk-secondary));
}
body.adk-home .adk-hero-minimal {
  background: var(--adk-bg);
  border-bottom: 1px solid var(--adk-border);
  padding: clamp(56px, 8vw, 112px) 0 clamp(40px, 6vw, 72px);
}
body.adk-home .adk-hero-minimal .adk-hero-title {
  max-width: 900px;
  font-size: clamp(40px, 7vw, 88px);
}
body.adk-home .adk-hero-plain {
  background: var(--adk-bg);
}
body.adk-home .adk-hero :is(.adk-hero-image, .adk-hero-wide) {
  margin: 0;
}
body.adk-home .adk-hero :is(.adk-hero-image, .adk-hero-wide) img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--adk-media-radius);
}
body.adk-home .adk-hero .adk-hero-image img {
  aspect-ratio: 5 / 4;
}
body.adk-home .adk-hero .adk-hero-wide {
  margin-top: clamp(28px, 4vw, 48px);
}
body.adk-home .adk-hero .adk-hero-wide img {
  aspect-ratio: 21 / 9;
}
body.adk-home .adk-hero-photo {
  display: flex;
  align-items: flex-end;
  min-height: clamp(420px, 46vw, 560px);
  isolation: isolate;
  overflow: hidden;
  background: #17140f;
  text-align: left;
}
body.adk-home .adk-hero-photo .adk-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  margin: 0;
}
body.adk-home .adk-hero-photo .adk-hero-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.adk-home .adk-hero-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(14, 12, 10, 0.78) 0%, rgba(14, 12, 10, 0.35) 60%, rgba(14, 12, 10, 0.1) 100%);
}
body.adk-home .adk-hero-photo :is(.adk-hero-title, .adk-lead) {
  color: #fbf8f2 !important;
}
body.adk-home .adk-hero-photo .adk-lead {
  margin-left: 0;
  opacity: 0.92;
}
body.adk-home .adk-hero-photo .adk-actions {
  justify-content: flex-start;
}
body.adk-home .adk-hero-photo .wp-block-button__link {
  background: #fbf8f2 !important;
  color: #17140f !important;
  border-color: #fbf8f2 !important;
}

body.adk-home .adk-usp {
  background: var(--adk-surface);
}
body.adk-home .adk-usp-grid {
  gap: clamp(16px, 2vw, 28px);
  margin: 0;
}
body.adk-home .adk-usp-grid > .wp-block-column {
  padding: 28px 24px;
  background: var(--adk-bg);
  border: 1px solid var(--adk-border);
  border-radius: var(--adk-card-radius);
  text-align: center;
}
body.adk-home .adk-usp-grid > .wp-block-column::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--adk-primary) 0 32%, var(--adk-primary-soft) 34%);
}
body.adk-home .adk-usp-grid h3 {
  margin: 0 0 8px;
  font-size: 18px;
}
body.adk-home .adk-usp-grid p {
  margin: 0;
  color: var(--adk-muted);
  font-size: 0.95em;
}

body.adk-home :is(.adk-products-band, .adk-categories-band) {
  background: var(--adk-bg);
}
body.adk-home :is(.adk-products-band, .adk-categories-band) ul.products {
  margin-bottom: 0 !important;
}
body.adk-home .adk-more {
  margin: 32px 0 0;
  text-align: center;
}

body.adk-home .adk-promo {
  background: var(--adk-primary);
  color: var(--adk-on-primary);
  text-align: center;
}
body.adk-home .adk-promo :is(h2, p) {
  color: var(--adk-on-primary) !important;
}
body.adk-home .adk-promo h2 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3.4vw, 42px);
}
body.adk-home .adk-promo p {
  max-width: 640px;
  margin: 0 auto 24px;
  opacity: 0.9;
}
body.adk-home .adk-promo .adk-actions {
  justify-content: center;
}
body.adk-home .adk-promo .wp-block-button__link {
  background: var(--adk-on-primary) !important;
  color: var(--adk-primary) !important;
  border-color: var(--adk-on-primary) !important;
}

body.adk-home .adk-text {
  text-align: center;
}
body.adk-home .adk-text .adk-inner {
  max-width: 760px !important;
}
body.adk-home .adk-text p {
  color: var(--adk-muted);
  font-size: 1.05em;
  line-height: 1.75;
}

@media (max-width: 781px) {
  body.adk-home .adk-hero-split .adk-hero-art {
    min-height: 200px;
  }
}