.elementor-kit-136{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b0ec1da:#7C2740;--e-global-color-f619660:#E58AA0;--e-global-color-e083013:#C28F3A;--e-global-color-a3864f2:#7F9A78;--e-global-color-dab4b63:#2B1522;--e-global-color-e7a8ff9:#FDF3EF;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:500;}.elementor-kit-136 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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;}}
/* Start custom CSS *//* ==========================================================================
   MarArtGifts — brändi CSS
   Kleebi see tervikuna: Välimus (Appearance) → Kohanda (Customize) →
   Lisa-CSS (Additional CSS). Töötab enamiku teemadega (Astra, Blocksy,
   Storefront jt), sest kasutab laialt levinud WooCommerce/WordPress
   klasse, mitte teema-spetsiifilisi.
   ========================================================================== */

:root{
  --mag-ink:#2b1522;
  --mag-bg:#fdf3ef;
  --mag-rose:#e58aa0;
  --mag-rose-deep:#c15a76;
  --mag-wine:#7c2740;
  --mag-sage:#7f9a78;
  --mag-gold:#c28f3a;
  --mag-line:rgba(43,21,34,.13);
}

/* Google Fonts — lisa need ka lehe <head>-i (enamikus teemades:
   Kohanda → Fondid, või pistikprogrammiga "Insert Headers and Footers"):
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..700&family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet"> */

body{
  background-color: var(--mag-bg);
  color: var(--mag-ink);
  font-family: 'Nunito', "Segoe UI", system-ui, sans-serif;
}

h1, h2, h3, h4,
.site-title, .entry-title, .woocommerce-loop-product__title, .product_title {
  font-family: 'Fraunces', "Iowan Old Style", Georgia, serif;
  color: var(--mag-ink);
}

a { color: var(--mag-wine); }
a:hover { color: var(--mag-rose-deep); }

/* Nupud (Osta, Lisa korvi, Vormista tellimus jne) */
.button, button, input[type="submit"],
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce-cart .button, .woocommerce-checkout .button {
  background-color: var(--mag-wine) !important;
  border-color: var(--mag-wine) !important;
  color: #fff8f6 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  transition: transform .15s ease, opacity .15s ease;
}
.button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover {
  opacity: .92;
  transform: translateY(-1px);
}

/* Hinnad ja rõhutused */
.woocommerce .price, .price ins {
  color: var(--mag-wine) !important;
  font-weight: 800;
}
.onsale {
  background-color: var(--mag-gold) !important;
}

/* Tootekaardid poe lehel */
ul.products li.product {
  background: #fff;
  border: 1px solid var(--mag-line);
  border-radius: 18px;
  padding: 14px;
}
ul.products li.product:hover {
  box-shadow: 0 18px 34px -20px rgba(43,21,34,.35);
}

/* Menüü aktiivne link */
.main-navigation .current-menu-item > a,
.main-navigation a:hover {
  color: var(--mag-wine) !important;
}/* End custom CSS */