.elementor-kit-362{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-362 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --mel-bg:#f7f8f4; --mel-surface:#ffffff; --mel-ink:#12261c; --mel-muted:#5c6b63; --mel-deep:#0c2419; --mel-jade:#1f5a40; --mel-jade-tint:#e1eee2; --mel-mist:#eef2ea; --mel-celadon:#e2ede1; --mel-gold:#d4a441; --mel-gold-soft:#ecc875; --mel-gold-ink:#7d5c12; --mel-sand:#f3ead2; --mel-on-dark:#c9d6cd; --mel-cta-tint:#e7f0e6; --mel-font:Vazirmatn; --mel-radius:22px; --mel-max:1392px; }
/* Start custom CSS *//* =========================================================
   Melika design system (mel-*) - small extras the style panel cannot express.
   Only affects elements that carry a mel-* global class.
   ========================================================= */

/* Woodmart icon font glyphs (the font face itself is loaded site-wide) */
.elementor .mel-icon.mel-icon { font-family: "mlk-woodmart"; }

/* Course card: price block. Data comes from Melika Core (Persian digits, real discount percent). */
.mel-price-was:empty, .mel-sale-badge:empty { display: none; }
.mel-price-row:has(.mel-price-was:not(:empty)) .mel-price-label { display: none; }

/* Course card: tags line (topic · sessions) hides empty parts */
.mel-course-tags > :empty { display: none; }
.mel-course-tags:has(> :empty) > :nth-child(2) { display: none; }

/* Course card: details */
.mel-course-card img { transition: transform 0.5s ease; }
.mel-course-card:hover img { transform: scale(1.03); }
.mel-course-card:hover .mel-course-cta { background: var(--mel-jade); color: #fff; }
.mel-course-grid > :first-child .mel-course-card { border: 1.5px solid var(--mel-gold); box-shadow: 0 30px 50px -30px rgba(184, 137, 43, 0.65); }
.mel-course-grid > :first-child .mel-course-cta { background: var(--mel-jade); color: #fff; box-shadow: 0 10px 22px -12px rgba(31, 90, 64, 0.8); }
.mel-course-grid, .mel-chips { scrollbar-width: none; }
.mel-course-grid::-webkit-scrollbar, .mel-chips::-webkit-scrollbar { display: none; }

/* Product card: category pill (WooCommerce prints a label and links; show the first name only) */
.mel-need { font-size: 0 !important; }
.mel-need a { font-size: 12px; color: inherit; pointer-events: none; text-decoration: none; }
.mel-need a ~ a { display: none; }
.mel-need:not(:has(a)) { display: none; }

/* Intent card: octagon mark */
.mel-intent-octa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cpolygon points='46,19 19,46 -19,46 -46,19 -46,-19 -19,-46 19,-46 46,-19' fill='none' stroke='%23d4a441' stroke-width='1.6'/%3E%3Cpolygon points='30,12 12,30 -12,30 -30,12 -30,-12 -12,-30 12,-30 30,-12' fill='none' stroke='%23d4a441' stroke-width='1.6'/%3E%3Ccircle r='6' fill='%23d4a441'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; }

/* Hero title: second line larger and gold */
.mel-hero-title span:last-child { font-size: clamp(34px, 3.6vw, 50px); font-weight: 700; line-height: 1.5; color: var(--mel-gold-soft); white-space: nowrap; }
@media (max-width: 820px) { .mel-hero-title span:last-child { font-size: clamp(22px, 7vw, 30px); line-height: 1.6; } }

/* Hero: faint gold octagon turning very slowly; the photo settles in */
@keyframes mel-spin { to { transform: rotate(360deg); } }
@keyframes mel-settle { from { transform: scale(1.06); } to { transform: none; } }
.mel-hero::after { content: ""; position: absolute; z-index: -1; right: -140px; bottom: -170px; width: 460px; height: 460px; pointer-events: none; opacity: .14; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-150 -150 300 300'%3E%3Cg fill='none' stroke='%23d4a441' stroke-width='1'%3E%3Cpolygon points='139,58 58,139 -58,139 -139,58 -139,-58 -58,-139 58,-139 139,-58'/%3E%3Cpolygon points='102,42 42,102 -42,102 -102,42 -102,-42 -42,-102 42,-102 102,-42'/%3E%3Cpolygon points='65,27 27,65 -27,65 -65,27 -65,-27 -27,-65 27,-65 65,-27'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; animation: mel-spin 90s linear infinite; }
@media (max-width: 820px) { .mel-hero::after { right: -120px; bottom: -120px; width: 300px; height: 300px; } }
.mel-hero-photo { animation: mel-settle 1.8s cubic-bezier(.2, .7, .2, 1) both; transform-origin: 30% 40%; }

/* Gold button: soft light passes across on hover */
.mel-btn-gold { position: relative; overflow: hidden; isolation: isolate; }
.mel-btn-gold::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -60%; width: 45%; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); transform: skewX(-18deg); transition: left .7s ease; }
.mel-btn-gold:hover::after { left: 120%; }

/* Story: the sand block carries the octagon quietly */
.mel-story-shape { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-150 -150 300 300'%3E%3Cg fill='none' stroke='%23b8892b' stroke-width='1'%3E%3Cpolygon points='139,58 58,139 -58,139 -139,58 -139,-58 -58,-139 58,-139 139,-58'/%3E%3Cpolygon points='102,42 42,102 -42,102 -102,42 -102,-42 -42,-102 42,-102 102,-42'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: -70px 110%; background-size: 260px 260px; }

@media (prefers-reduced-motion: reduce) {
  .mel-hero::after, .mel-hero-photo { animation: none; }
  .mel-btn-gold::after { display: none; }
  .mel-course-card, .mel-product-card, .mel-course-card img { transition: none; }
}/* End custom CSS */