/*
Theme Name: Harvest Sun
Theme URI: https://fadhil.me
Template: blocksy
Author: Faith Dev Lab
Author URI: https://fadhil.me
Description: Tema custom yang dirancang khusus oleh Faith Dev Lab untuk website e-katalog Harvest Sun, dibangun di atas Blocksy + WooCommerce + Tailwind CSS.
Version: 1.4.2
Text Domain: harvest-sun
Tags: faith-dev-lab, mobile-first, security-hardened
*/

[x-cloak] {
  display: none !important;
}

.fdl-toast {
  position: fixed;
  top: var(--fdl-space-7);
  left: 50%;
  z-index: 100002;
  width: 320px;
  max-width: 90vw;
  padding: var(--fdl-space-4);
  padding-right: var(--fdl-space-6);
  border-radius: var(--fdl-radius);
  background-color: var(--fdl-primary, #000000);
  color: #fff;
  text-align: left;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -16px);
  opacity: 0;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
  pointer-events: none;
}

.fdl-toast--visible {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

.fdl-toast__title {
  display: block;
  font-size: var(--fdl-font-size-base);
  font-weight: 700;
  color: #fff;
  margin: 0 0 var(--fdl-space-2);
}

.fdl-toast__message {
  font-size: var(--fdl-font-size-sm);
  opacity: 0.85;
  margin: 0;
}

.fdl-toast__close {
  position: absolute;
  top: var(--fdl-space-3);
  right: var(--fdl-space-3);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--fdl-radius-sm);
  background-color: transparent;
  color: #fff;
  opacity: 0.7;
  cursor: pointer;
}

.fdl-toast__close:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.12);
}

.fdl-cta-button:hover,
.fdl-categories-trigger__button:hover,
.fdl-search-group__submit:hover,
.fdl-product-whatsapp:hover,
.fdl-404__back:hover,
.fdl-blog-card__cta:hover,
.wc-block-components-filter-submit-button:hover {
  background-color: var(--fdl-hover, #1559ed);
  color: var(--fdl-button-text, #ffffff);
}

:root {
  --fdl-font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --fdl-font-size-2xs: 0.6875rem;
  --fdl-font-size-xs: 0.75rem;
  --fdl-font-size-sm: 0.875rem;
  --fdl-font-size-base: 1rem;
  --fdl-font-size-lg: 1.125rem;
  --fdl-font-size-xl: 1.5rem;
  --fdl-font-size-2xl: 2rem;
  --fdl-font-size-3xl: 2.5rem;

  --fdl-space-1: 0.25rem;
  --fdl-space-2: 0.5rem;
  --fdl-space-3: 1rem;
  --fdl-space-4: 1.5rem;
  --fdl-space-5: 2rem;
  --fdl-space-6: 3rem;
  --fdl-space-7: 4rem;

  --fdl-radius-sm: 8px;
  --fdl-radius: 12px;
  --fdl-radius-lg: 20px;
}

body {
  font-family: var(--fdl-font-family);
  font-size: var(--fdl-font-size-base);
  background-color: var(--fdl-primary, #000000);
}

h1 {
  font-size: var(--fdl-font-size-3xl);
}
h2 {
  font-size: var(--fdl-font-size-2xl);
}
h3 {
  font-size: var(--fdl-font-size-xl);
}
h4,
h5,
h6 {
  font-size: var(--fdl-font-size-lg);
}

:root {
  --theme-container-edge-spacing: calc(100vw - 48px);
}

@media (min-width: 1025px) {
  :root {
    --theme-container-edge-spacing: calc(100vw - 80px);
  }
}

.fdl-container {
  max-width: var(--theme-normal-container-max-width, 1290px);
  width: var(--theme-container-edge-spacing, 90vw);
  margin: 0 auto;
}

body.fdl-hide-page-title .hero-section {
  display: none !important;
}

.hero-section[data-type="type-2"] {
  max-width: var(--theme-normal-container-max-width, 1290px);
  width: var(--theme-container-edge-spacing, 90vw);
  margin: var(--fdl-space-4) auto 0;
  border-radius: var(--fdl-radius-lg);
  overflow: hidden;
  background-color: var(--theme-palette-color-6);
  --container-padding: 50px 0px;
}

.hero-section[data-type="type-2"] .page-title {
  --theme-font-size: 30px;
}