/*

Theme Name: Storefront Mirtung

Theme URI: https://kuskosoft.com

Description: Custom child theme for Storefront WooCommerce.

Author: KuskoSoft

Author URI: https://kuskosoft.com

Template: storefront

Version: 1.0.0

Text Domain: storefront-mirtung

*/



/* Nunito Local Fonts */

/* Nunito Regular */

@font-face {

  font-family: 'Nunito';

  src: url('fonts/Nunito-Regular.woff2') format('woff2'),

    url('fonts/Nunito-Regular.woff') format('woff'),

    url('fonts/Nunito-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



/* Nunito Italic (optional) */

@font-face {

  font-family: 'Nunito';

  src: url('fonts/Nunito-Italic.woff2') format('woff2'),

    url('fonts/Nunito-Italic.woff') format('woff'),

    url('fonts/Nunito-Italic.ttf') format('truetype');

  font-weight: 400;

  font-style: italic;

  font-display: swap;

}



/* Nunito SemiBold */

@font-face {

  font-family: 'Nunito';

  src: url('fonts/Nunito-SemiBold.woff2') format('woff2'),

    url('fonts/Nunito-SemiBold.woff') format('woff'),

    url('fonts/Nunito-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}



/* Nunito Bold */

@font-face {

  font-family: 'Nunito';

  src: url('fonts/Nunito-Bold.woff2') format('woff2'),

    url('fonts/Nunito-Bold.woff') format('woff'),

    url('fonts/Nunito-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}





@font-face {

  font-family: 'Atma';

  src: local('Atma Light'), local('Atma-Light'),

    url('fonts/Atma-Light.woff2') format('woff2'),

    url('fonts/Atma-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'Atma';

  src: local('Atma SemiBold'), local('Atma-SemiBold'),

    url('fonts/Atma-SemiBold.woff2') format('woff2'),

    url('fonts/Atma-SemiBold.woff') format('woff');

  font-weight: 600;

  font-style: normal;

}



@font-face {

  font-family: 'Atma';

  src: local('Atma Regular'), local('Atma-Regular'),

    url('fonts/Atma-Regular.woff2') format('woff2'),

    url('fonts/Atma-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Atma';

  src: local('Atma Bold'), local('Atma-Bold'),

    url('fonts/Atma-Bold.woff2') format('woff2'),

    url('fonts/Atma-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'Atma';

  src: local('Atma Medium'), local('Atma-Medium'),

    url('fonts/Atma-Medium.woff2') format('woff2'),

    url('fonts/Atma-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

}





:root {

  /* Primary Colors */

  --color-primary: #96705b ;

  --color-primary: #9b3720 ;

  /* --color-primary: #f49026; */

  /* #7d34af #857193 #9b3720 */

  /* Main brand color */

  --color-secondary: #0a6375;

  --color-secondary: #3d3149;

  --color-secondary: #541c64;

  /* Accent color */

  --color-accent: #ff6f61;

  /* Optional extra accent */



  /* Background Colors */

  --background-default: #f6f7f8;

  --background-alt: #ffefe4;

  --gradient-base-background-1: #e0f7fa;

  --gradient-base-background-2: #ffffff;

  --gradient-base-background-3: #007b7f;



  /* Text Colors */

  --text-color-default: #333333;

  --text-color-light: #ffffff;

  --text-color-muted: #666666;

  --font-body-family: 'Nunito', sans-serif;



  --col-full-max-width: 66.5em;

}



body {

  background-color: #ffffff;

  color: var(--text-color-default);

  font-family: var(--font-body-family);

  background-image: url(assets/images/children_light.png);

}



h1,

h2:not(.woocommerce-loop-product__title),

h3,

h4,

h5,

h6 {

  font-family: 'Atma', sans-serif;

  font-weight: 500;

}



a {

  color: var(--color-primary);

  outline: none !important;

}



a:hover {

  color: var(--color-secondary);

}



/* .storefront-breadcrumb {

  background-color: var(--color-primary);

  color: var(--text-color-light);

} */



/* .storefront-breadcrumb a {

  color: var(--text-color-light);

  text-decoration: none;

} */



.hentry .entry-content a{

  text-decoration: none;

}



/* WooCommerce buttons */

.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link,

.wc-block-components-button:not(.is-link),

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout,

.woocommerce button.button,

.woocommerce #respond input#submit,

.woocommerce a.button {

  background-color: var(--color-primary);

  color: var(--text-color-light);

}



.hentry .entry-content .wp-block-button .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button .wp-block-button__link:hover,

.wc-block-components-button:not(.is-link):hover,

.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover,

.woocommerce button.button:hover,

.woocommerce #respond input#submit:hover,

.woocommerce a.button:hover {

  background-color: var(--color-secondary);

}



/* ==============================

   1. Layout Adjustments

   ============================== */



/* Hide sidebar on single product pages */

.single-product .sidebar {

  display: none;

}



/* Make product content full width */

.single-product .content-area {

  width: 100%;

}



/* ==============================

   2. WooCommerce Tabs Styling

   ============================== */



/* Tabs container */

.woocommerce-cart .hentry, .woocommerce-checkout .hentry,

.header-top .widget_shopping_cart,

.woocommerce-tabs {

  width: 100%;

  padding: 0;

  background: white;

  border-radius: 16px;

  padding: 16px;

  border: 1px dashed #999;

}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{

  padding: 0;

  background: white;

  border-radius: 16px;

  padding: 16px;

  border: 1px dashed #999;

}



/* Tab list */

.woocommerce-tabs ul.tabs {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  border: 0;

  margin: 0;

  justify-content: center;

  margin-bottom: 2em;

}



/* Individual tab */

.woocommerce-tabs ul.tabs li {

  text-align: center;

  margin: 0;

  padding: 0;

  border-width: 1px;

}



/* Tab link */

.woocommerce-tabs ul.tabs li a {

  display: block;

  padding: 10px 0;

  background: none;

  border: 0;

  text-decoration: none;

  font-weight: 600;

  font-size: 22px;

}



/* Active tab */

.woocommerce-tabs ul.tabs li.active a {

  background: #fff;

}



.woocommerce-tabs ul.tabs li.active::after {

  display: none;

}



/* Remove focus outline */

.woocommerce-tabs ul.tabs li a:focus {

  outline: none;

  box-shadow: none;

}



/* Tab panels */

.woocommerce-tabs .panel {

  border: 1px solid #eee;

  padding: 20px;

  margin-top: -1px;

  background: #fff;

  width: 100%;

  box-sizing: border-box;

}



/* New tab style with underline (optional improved tabs) */

.woocommerce-tabs .tabs {

  display: flex;

  gap: 40px;

  border-bottom: none;

  margin-bottom: 20px;

}



.woocommerce-tabs .tabs li a {

  color: #000000;

  font-weight: 600;

  font-size: 16px;

  text-decoration: none;

  padding-bottom: 5px;

  transition: color 0.3s ease;

}



.woocommerce-tabs .tabs li.active a {

  color: #007b7f;

  border-bottom: 3px solid #007b7f;

}



.woocommerce-tabs .tabs li a:hover {

  color: #007b7f;

}





/* ==============================

   4. Responsive Styles

   ============================== */



@media (max-width: 900px) {

  .section-image {

    max-width: 100%;

    flex-basis: 100%;

  }



  .description-section.reverse {

    flex-direction: column;

  }

}



/* Container */

.description-section {

  display: flex;

  align-items: center;

  gap: 30px;

  flex-wrap: wrap;

  font-weight: 600;

  border-radius: 16px;

  overflow: hidden;

}



/* Reverse layout */

.description-section.reverse {

  flex-direction: row-reverse;

}



/* Image styling */

.section-image {

  flex: 0 0 40%;

  max-width: 40%;

}



.section-image img {

  width: 100%;

  height: auto;

  display: block;

  border-radius: 8px;

}



/* Text styling */

.section-text {

  flex: 1;

  min-width: 250px;

  padding: 32px;

}



.section-text p {

  font-size: 16px;

  line-height: 1.7;

  color: var(--text-color-default);

}



/* Headings inside text (optional) */

.section-text h2,

.section-text h3 {

  margin-top: 0;

  margin-bottom: 16px;

  font-weight: 600;

}



/* Responsive */

@media (max-width: 900px) {

  .description-section {

    flex-direction: column;

    gap: 20px;

  }



  .description-section.reverse {

    flex-direction: column;

  }



  .section-image,

  .section-text {

    max-width: 100%;

    flex-basis: 100%;

  }

}



/* .description-section:nth-child(even) {

  background-color: #ffccc7;

}



.description-section:nth-child(odd) {

  background-color: #cfe4ff;

} */



.woocommerce-tabs .panel {

  padding: 0;

  border: 0;

}



#tab-description ul {

  list-style: none;

  /* remove default bullets */

  padding-left: 0;

  margin: 0 0 20px 0;

}



#tab-description ul li {

  position: relative;

  padding-left: 20px;

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 1.7;

  color: var(--text-color-default);

}



/* Custom bullet */

#tab-description ul li::before {

  content: '•';

  /* bullet symbol */

  position: absolute;

  left: 0;

  color: var(--color-primary);

  font-size: 20px;

  line-height: 1;

}



.section-image img {

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.section-image img:hover {

  transform: scale(1.05);

}



.wp-singular.single-product #content .col-full {

  max-width: initial;

  padding: 0;

}



.mirtung-product-wrapper {

  display: flex;

  flex-wrap: nowrap;

}



/* Mobile: stack 100% */

@media (max-width: 900px) {



  .mirtung-product-wrapper .woocommerce-product-gallery,

  .mirtung-product-wrapper .summary {

    flex: 0 0 100%;

    max-width: 100%;

    flex-wrap: wrap;

  }

}







.related.products,

.woocommerce-tabs,

.description-section,

.mirtung-product-wrapper {

  max-width: var(--col-full-max-width);

  margin-left: auto;

  margin-right: auto;

}



.mirtung-woocommerce-tabs-wrapper {

  width: 100%;

  border-top-width: 0px;

  border-bottom-width: 0px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-style: solid;

  border-color: #f0f0f0;

  border-right-width: 0;

  border-left-width: 0;

  padding-bottom: 2em;

  margin-bottom: 2em;

}



.woocommerce-tabs ul.tabs li {

  border-bottom-width: 0;

}



.flex-viewport {

  border-radius: 32px;

  overflow: hidden;

  border: 1px solid #eae3de;

}



ol.flex-control-thumbs li {

  border-radius: 16px;

  overflow: hidden;

  border: 1px solid #eae3de;

}



.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {

  width: 21%;

  margin-right: 5%;

}



.single-product div.product p.price {

  font-weight: 700;

  color: black;

  font-size: 1.8em;

}



.site-footer {

  position: relative;

  background-color: var(--color-secondary);

  color: var(--text-color-light);

  padding: 0;

}



.site-footer::before {

  position: absolute;

  left: 0;

  top: -80px;

  content: "";

  width: 100%;

  height: 80px;

  background-image: url('assets/images/clouds-overlay.png');

  background-size: auto auto;

  background-repeat: repeat-x;

}



/* ==============================================

   MODERN FLEX GRID FOR PRODUCT LISTING

============================================== */



/* Reset the old float-based layout */

.woocommerce ul.products,

.woocommerce-page ul.products {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  /* center nicely */

  margin: 0;

  padding: 0;

  list-style: none;

}



ul.is-product-collection-layout-carousel{

  align-items: stretch;

  margin: 0;

  padding: 1rem;

}



@media (min-width: 768px) {

  .wp-block-woocommerce-product-template li.product,

  .site-main ul.products.columns-3 li.product {

    width: calc(100% / 3 - 16px);

    margin-right: 24px;

    margin-bottom: 24px;

  }

  .site-header-cart .cart-contents::after {

    font-size: 1.5em;

    line-height: 1;

  }

.wc-block-featured-category {

  max-height: 30vw;

}

}

.wc-block-featured-category {

height: 500px;

min-height: initial !important;

}



.wp-block-woocommerce-product-template li.product,

.woocommerce ul.products li.product,

.woocommerce-page ul.products li.product {

  border-radius: 0;

  float: none !important;

  background-color: #ffffff;

  padding: 16px;

  /* border: 1px dashed #999; */

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.wp-block-woocommerce-product-template li.product:hover,

.woocommerce ul.products li.product:hover {

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



/* Make it responsive */

@media (max-width: 1024px) {

  .wp-block-woocommerce-product-template li.product,

  .woocommerce ul.products li.product {

    width: calc(33.333%);

    /* 3 columns on tablets */

  }

}



@media (max-width: 768px) {

  .wp-block-woocommerce-product-template li.product,

  .woocommerce ul.products li.product {

    width: calc(50% - 16px);

    /* 2 columns on mobile */

    margin-right: 16px;

    margin-bottom: 24px;

  }

}



@media (max-width: 480px) {

  .wp-block-woocommerce-product-template li.product,

  .woocommerce ul.products li.product {

    width: 100%;

    /* 1 column on small screens */

  }

}



/* Optional: Make product cards equal height */

.wp-block-woocommerce-product-template li.product,

.woocommerce ul.products li.product {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



#secondary {

  border-right: 1px dashed #999;

  padding-right: 16px;

}



button.wc-block-next-previous-buttons__button svg {

  padding: 0;

}



button.wc-block-next-previous-buttons__button,

.woocommerce-pagination .page-numbers li .page-numbers {

  display: inline-block;

  padding: 0;

  min-width: 40px;

  height: 40px;

  line-height: 40px;

  float: none;

  text-align: center;

  font-size: calc(var(--font-size-body, 14px) + 2px);

  font-weight: 500;

  transition: all 0.3s ease;

  border-radius: 50%;

}



.woocommerce-pagination .page-numbers li .page-numbers.current {

  background-color: var(--color-primary);

  color: var(--text-color-light);

}



@media (min-width: 768px) {



    .site-content .col-full {

      display: flex;

      flex-wrap: nowrap;

      align-items: flex-start;

    }

  

    /* Primary content (main area) */

    .site-content .content-area {

      flex: 1 1 75%;

      order: 1;

    }

  

    /* Secondary (sidebar) */

    .site-content .widget-area {

      flex: 0 0 25%;

      order: 2;

    }

  

    /* Optional if you use left-sidebar layout */

    .left-sidebar .site-content .content-area {

      order: 2;

    }

  

    .left-sidebar .site-content .widget-area {

      order: 1;

      margin-right: 32px;

    }

  

}



.woocommerce-result-count {

  display: none;

}



/* Mobile and smaller — stack vertically */

@media (max-width: 767px) {

  .site-content .col-full {

    display: flex;

    flex-direction: column;

  }



  .site-content .content-area,

  .site-content .widget-area {

    width: 100%;

  }

}



select,

.woocommerce select {

  outline: none;

  appearance: none;

  /* remove default browser arrow */

  -webkit-appearance: none;

  -moz-appearance: none;



  background-color: #ffffff;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23FF6F61' d='M6 8L0 0h12z'/%3E%3C/svg%3E");

  /* coral arrow */

  background-repeat: no-repeat;

  background-position: right 1rem center;

  background-size: 12px 8px;



  padding: 10px 40px 10px 15px;

  border: 1px dashed #999;

  font-family: 'Poppins', sans-serif;

  font-size: 15px;

  border-radius: 32px;

  color: #333;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s ease;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);

  height: 40px;

  line-height: initial;

}



/* Hover + Focus states */

select:hover,

.woocommerce select:hover {

  border-color: #FF856F;

  box-shadow: 0 4px 10px rgba(255, 111, 97, 0.15);

}



select:focus,

.woocommerce select:focus {

  outline: none;

  border-color: #FFB347;

  box-shadow: 0 0 0 3px rgba(255, 111, 97, 0.2);

}



/* Disabled state */

select:disabled {

  background-color: #f2f2f2;

  border-color: #ccc;

  color: #999;

  cursor: not-allowed;

  box-shadow: none;

}



/* Optional: make it full width inside WooCommerce forms */

.woocommerce .woocommerce-ordering select,

.woocommerce .variations select {

  width: 100%;

  max-width: 400px;

}



.woocommerce-ordering {

  padding: 0;

}



li.product .yith-wcwl-add-to-wishlist-button span{

  display: none;

}



li.product .yith-add-to-wishlist-button-block {

  position: absolute;

  background-color: var(--text-color-light);

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 1px solid #e9e9e9;

  top: 5px;

  right: 5px;

}



.product-image-wrap {

  position: relative;

  overflow: hidden;

}



.product-image-wrap img {

  width: 100%;

  display: block;

  transition: opacity 0.4s ease, transform 0.4s ease;

  border-radius: 12px;

}



.product-image-wrap .hover-image {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transform: scale(1.05);

}



li.product:hover .product-image-wrap .hover-image {

  opacity: 1;

  transform: scale(1);

}



li.product:hover .product-image-wrap img:first-child {

  opacity: 0;

  transform: scale(1.05);

}



.flex-active-slide a {

  display: inline-block;

  width: 100%;

  height: 100%;

}



.flex-active-slide a img {

  width: 100%;

  height: 100%;

}



.custom-breadcrumbs {

  padding: 26px 0;

  margin-bottom: 64px;

  background: var(--color-primary);

  background-image: none;

  text-align: center;

  color: white;

  background-image: url(assets/images/kids.png);

  background-position: center;

  background-image: url(assets/images/children.png);

  background-size: auto 500px;

}



.custom-breadcrumbs .custom-breadcrumb-title {

  color: white;

  margin-bottom: 16px;

}



.custom-breadcrumbs .storefront-breadcrumb {

  padding: 0;

  margin: 0;

}



@media (min-width: 768px) {

  .col-full {

    max-width: 1500px;

    width: 80%;

  }

}



@media (min-width: 1500px) {

  .site-content .widget-area {

    flex: 0 0 20%;

  }



  .site-content .content-area {

    flex: 1 1 80%;

  }

}



ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title > a, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title > a, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title > a, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a{

  font-weight: 700;

}



.wp-block-post-title :where(a)

{

  font-size: 1rem;

  text-decoration: none;

}





.wp-block-woocommerce-product-template li.product,

ul.products li.product {

  position: relative;

  background: #fff;

  box-shadow: 0 2px 12px rgba(0,0,0,0.08);

  overflow: hidden;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.wp-block-woocommerce-product-template li.product:hover,

ul.products li.product:hover {

  transform: translateY(-6px);

  box-shadow: 0 6px 20px rgba(0,0,0,0.12);

}



.wp-block-woocommerce-product-template li.product img,

ul.products li.product img {

  border-radius: 20px 20px 0 0;

}



.loop-stock-status {

  display: inline-block;

  padding: 0.25em 0.6em;

  font-size: 0.85rem;

  font-weight: 600;

  border-radius: 9999px;

  margin-top: 0.4em;

  text-transform: uppercase;

}



.loop-stock-status.in-stock {

  background-color: #e8f8f0;

  color: #27ae60;

}



.loop-stock-status.out-of-stock {

  background-color: #fdecea;

  color: #e74c3c;

}



.loop-stock-status.on-backorder {

  background-color: #fff6e5;

  color: #e67e22;

  border: 1px solid #e9e9e9;

}



/* Floating stock badge */

.loop-stock-status {

  position: absolute;

  top: 10px;

  left: 10px;

  background: rgba(39, 174, 96, 0.9);

  color: #fff;

  font-size: 0.8rem;

  font-weight: 600;

  padding: 0.3em 0.8em;

  border-radius: 9999px;

  text-transform: uppercase;

  border: 1px solid #e9e9e9;

}



.loop-stock-status.out-of-stock {

  background: rgba(231, 76, 60, 0.9);

}



.site-footer a:not(.button):not(.components-button),

.woocommerce-breadcrumb a{

  color: var(--text-color-light);

}



/* ===== CONTAINER ===== */

.tnp.tnp-subscription {

    background: linear-gradient(90deg, #ffecd2, #fcb69f); /* warm playful gradient */

    padding: 50px 20px;

    max-width: 100%;

    margin: 0 auto;

    box-sizing: border-box;

    box-shadow: 0 8px 25px rgba(0,0,0,0.1);

    text-align: center;

    padding-bottom: 100px;

}



/* ===== FORM WRAPPER ===== */

.tnp form {

    display: flex;

    flex-direction: column;

    align-items: center;

    max-width: 900px;

    margin: 0 auto;

}



/* ===== INTRO TEXT ===== */

.tnp.tnp-subscription p {

  color: #333;

  margin-bottom: 25px;

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

  text-align: left;

  text-align: center;

}

.tnp.tnp-subscription h6 {

    font-size: 26px;

  text-align: left;

  max-width: 800px;  

  margin: auto;

  text-align: center;

}



/* ===== EMAIL + BUTTON IN ONE ROW ===== */

.tnp .tnp-field-email {

    width: 100%;

    display: flex;

    justify-content: center;

}



/* Email input */

.tnp .tnp-field-email input.tnp-email {

    flex: 1 1 auto;

    padding: 15px 20px;

    font-size: 16px;

    border: none;

    border-radius: 12px 0 0 12px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.08);

    transition: all 0.3s ease;

}



.tnp .tnp-field-email input.tnp-email:focus {

    outline: none;

    box-shadow: 0 4px 15px rgba(0,115,170,0.3);

    transform: scale(1.02);

}



/* Submit button */

.tnp .tnp-field-email input.tnp-submit {

    background-color: #ff6b6b; /* playful bright button */

    color: #fff;

    padding: 15px 25px;

    font-size: 16px;

    font-weight: 600;

    border: none;

    border-radius: 0 12px 12px 0;

    cursor: pointer;

    transition: all 0.3s ease;

    box-shadow: 0 4px 12px rgba(0,0,0,0.1);

    flex-shrink: 0;

}



.tnp .tnp-field-email input.tnp-submit:hover {

    background-color: #ff4b4b;

    transform: translateY(-2px) scale(1.03);

    box-shadow: 0 6px 18px rgba(0,0,0,0.15);

}



/* ===== PRIVACY CHECKBOX ===== */

.tnp .tnp-privacy-field {

    font-size: 14px;

    line-height: 1.4;

    color: #333;

    text-align: left;

    margin-top: 5px;

}



.tnp .tnp-privacy-field label {

    display: flex;

    align-items: flex-start;

    gap: 8px;

    justify-content: center;

    cursor: pointer;

}



.tnp .tnp-privacy-field input.tnp-privacy {

    width: 18px;

    height: 18px;

    accent-color: #ff6b6b;

    margin-top: 3px;

}



.tnp .tnp-privacy-field a {

    color: #0073aa;

    text-decoration: underline;

    transition: color 0.3s;

}



.tnp .tnp-privacy-field a:hover {

    color: #005f85;

}



/* ===== RESPONSIVE ADJUSTMENTS ===== */

@media (max-width: 650px) {

    .tnp .tnp-field-email {

        flex-direction: column;

        gap: 10px;

    }



    .tnp .tnp-field-email input.tnp-submit {

        width: 100%;

    }



    .tnp .tnp-privacy-field {

        font-size: 13px;

        text-align: center;

    }



    .tnp .tnp-privacy-field label {

        flex-direction: column;

        align-items: center;

    }

}



.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link{

  width: 100%;

}



.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link,

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart{

  border-radius: 8px;

}



@media (min-width: 768px) {

  .footer-widgets {

    padding-top: 2em;

  }

}



.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {

  color: var(--text-color-light);

  font-family: 'Atma', sans-serif;

  font-weight: 600;

  padding-bottom: 0;

}



.footer-widgets p {

  font-family: 'Atma', sans-serif;

  font-weight: 600;

}



.site-footer a {

  text-decoration: none;

}

.site-footer a:hover {

  text-decoration: underline;

}



.site-info {

  padding: 0 0;

  text-align: center;

}



/* Header top flex wrapper */

.header-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    padding: 1em 0;

    gap: 20px;

}



/* Each direct child gets 1/3 width */

.header-top > div {

    display: flex;

    align-items: center;

}



/* Optional: align content inside each column */

.header-top .site-branding {

    justify-content: flex-start;

}



.header-top .site-search {

    justify-content: center;

}



.header-top .site-header-cart {

    justify-content: flex-end;

}



.site-header-cart .cart-contents {

  text-align: right;

}



.site-header-cart .cart-contents .woocommerce-Price-amount{

display:none;

}



.site-header-cart .cart-contents .count {

  margin-right: 16px;

}

/* Responsive adjustments */

@media (max-width: 768px) {

    .header-top {

        flex-direction: column;

        gap: 10px;

    }



    .header-top > div {

        flex: 1 1 100%;

        justify-content: center !important;

    }

}

.custom-logo-link {

  max-width: 120px;

}

@media (min-width: 768px) {

  .woocommerce-active .site-header .site-branding,

  .woocommerce-active .site-header .site-search{

    width: calc(100% / 3);

    margin-right: 0;

    margin-bottom: 0;

  }

}



.site-search div {

  width: 100%;

}



#masthead {

  margin-bottom: 0;

  border-bottom: 0;

  padding-top: 0;

}

.header-top .woocommerce-product-search input{

    background-color: white;

    border-radius: 8px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    outline: none;

}



.woocommerce-message{

  background-color: var(--color-secondary);

  text-align: center;

  max-width: 1060px;

  margin: auto;

  margin-bottom: 16px;

}



@media (min-width: 768px) {

  #site-navigation {

    width: 100%;

  }

  body.home .main-navigation ul.menu, .main-navigation ul.nav-menu{

    margin-bottom: 1rem;

  }

  .main-navigation ul.menu, .main-navigation ul.nav-menu {

    display: flex;

    flex-wrap: nowrap;

    margin: 0;

  }

  #menu-main-menu > li > a {

    font-family: Atma;

    font-weight: 600;

    padding: 16px 10px;

    font-size: 1.05em;

  }

  #menu-main-menu > li:not(:last-child) {

    border-right: 2px solid #ececec;

  }



  @media (min-width: 768px) {

  .main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {

    display: none;

  }

}

}

/* .storefront-primary-navigation {

  background: linear-gradient(90deg, #ffecd2, #fcb69f);

  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

} */



.site-header .widget_shopping_cart p.total, .site-header .widget_shopping_cart p.buttons, .site-header .widget_shopping_cart li{

  background-color: initial;

}



.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{

  color: var(--color-secondary);

}



.woocommerce-Price-amount,

.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .onsale, .wc-block-grid__product-onsale, .widget_search form::before, .widget_product_search form::before{

  color: var(--color-primary);

}

.woocommerce-tabs .tabs li.active a{

  border-bottom-color: var(--color-primary);

}



.home.page-template-template-fullwidth .hentry .entry-content h2 + .woocommerce, .home.page-template-template-fullwidth .hentry .entry-content h2 + [class*="wp-block-woocommerce-"]{

  margin-top: 0;

}



h2 a {

  color: var(--text-color-default);

}



.hentry .entry-content li.product .wp-block-button{

  margin-bottom: 0;

}



ul.wp-block-product-template-is-layout-flow li.product {

  width: 100%;

}



.hentry .entry-content .wp-block-columns.category-previews .wp-block-column:not(:last-child) {

  margin: 0;

}



.wc-block-featured-category{

  box-shadow: 0 6px 20px rgba(0,0,0,0.2);

  border-radius: 16px;

}



.wc-block-featured-category img{

  transition: 3s;

}



.wc-block-featured-category:hover img{

  transform: scale(1.2);

}



.wc-block-featured-category.has-background-dim .background-dim__overlay::before{

  opacity: 0.4 !important;

}



.wishlist-header-button{

  line-height: 1;

}	

.cart-wishlist{

display: flex;

  justify-content: right;

  align-items: center;

  gap: 10px;

}





@media (min-width: 768px) {

  .col-full{

		margin: auto;

	}

}



@media (max-width: 767px) {

	#masthead {

		position: relative;

		padding-bottom: 0;

	}

	

	.header-top {

		flex-direction: row;

		padding-right: 110px

	}

	

	.header-top .site-branding {

		max-width: 60px

	}

	

	.header-top .site-search {

		display: none;

	}

	

	.woocommerce-product-search{

		margin-bottom: 0;

	}

	

	.storefront-primary-navigation{

		position: absolute;

		top: 0;

		right: 0;

		margin-top: 0;

		width: 100%;

		padding: 1em;

		margin-top: 0.5em;

	}

	.storefront-primary-navigation .main-navigation ul.menu {

		width: 100%;

  padding: 0;

  background: white;

  border-radius: 16px;

		display: block;

  padding: 16px;

  border: 1px dashed #999;

		opacity: 0;

		pointer-events: none;

		transition: 0.3s;

	}

	.storefront-primary-navigation .main-navigation.toggled ul.menu  {

		opacity: 1;

		pointer-events: all;

	}

	

	.header-top .site-branding,

	.wishlist-header-button{

		position: relative;

		z-index: 10;

	}

	

	.main-navigation li{

		border-bottom: 1px solid rgba(0,0,0,0.05);

	}

	#site-navigation-menu-toggle{

		margin-bottom: 1em;

	}

	

	.hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns.category-previews .wp-block-column{

		padding-right: 0;

	}

	

	.wc-block-featured-category{

		max-height: 300px;

	}

	

	.wp-block-woocommerce-product-template li.product, .woocommerce ul.products li.product{

		margin: 0;

	}

  

	.woocommerce ul.products li.product{

		margin-bottom: 1.4em;

	}

	#secondary{

		order: 1;

		border-right-width: 0px;

		border-right-style: initial;

	}

	#secondary > div{

		margin-bottom: 1em;

	}

	#primary{

		order: 2;

	}

	.custom-breadcrumbs{

		margin-bottom: 2em;

	}

	h1, .alpha {

		font-size: 2em;

	}

	h2, .beta {

  font-size: 1.8em;

}

	.footer-logo{

		max-width: 80px;

	}

	

	#colophon .widget{

		margin-bottom: 2em

	}

	

	.mirtung-product-wrapper{

		flex-direction: column;

	}

	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{

		display: flex;

  flex-wrap: nowrap;        

  overflow-x: auto;         

  overflow-y: hidden;      

  scroll-behavior: smooth; 

	}

	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{

	flex: 0 0 auto;

  width: 60px;

  height: 60px;

  background: #eee;

  border-radius: 8px;

		margin: 0;

		margin-right: 1rem !important;

	}

	.woocommerce-tabs ul.tabs li a{

		font-size: 1em;

	}

	.woocommerce-tabs ul.tabs{

		flex-wrap: nowrap;

		margin-bottom: 1rem;

	}



	.section-text{

		padding: 16px;

	}

	.related.products {

		margin-top: 2rem;

	}

	.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{

		transition: 0.3s;

		padding: 0;

		border-width: initial;

		border-style: initial;

		margin-left: 0;

		font-size: 0.8em;

	}

	button.dropdown-toggle{

		outline: none;

	}

.single-product div.product p.price{

    margin: 1rem 0;

}

}