:root {
  --b-font: "Karla", sans-serif;
  --t-font: "Cookie", cursive;
  --button-bg-color: #fff; --hover-button-bg-color: #3f3f3f; --button-txt-color: #f8e268; --hover-button-txt-color: #fff29b;
  --link-color: #d8ca71; --hover-link-color: #f8e268;
  --menu-bg-color: #fff; --menu-link-color: #d8ca71; --hover-menu-link-color: #f8e268; --menu-link-bg-color: #ebebeb;
  --bg-color: #fff;
  --contrast-bg-color: #fff;
  --txt-color: #575757;
  --contrast-txt-color: #e0e0e0;
}

h1 { font-size: 3rem; } h2 { font-size: 2.6rem; }
body { font-family: var(--b-font); font-size: 1.2rem; background-color: var(--bg-color); color: var(--txt-color); margin: 0; }
:where(.wp-block-cover.is-light:not(.has-text-color)) { color: var(--txt-color); }
footer { backdrop-filter: brightness(50%) contrast(50%); background-image: url(https://costuraseli.com/wp-content/uploads/2026/01/pants_fabric_background_v2.webp) }
footer a {color: var(--txt-color); }
a { text-decoration: none; color: var(--link-color); transition: all 1.4s; }
a:hover { color: var(--hover-link-color); }
h1, .uk-h1, h2, uk-h2 { margin-top: 0; margin-bottom: 1rem; line-height: .7; font-weight: 500; }
h1, .uk-h1 { font-size: 5rem; } h2, .uk-h2 { font-size: 3.5rem; } h3, .uk-h3 { font-size: 1.8rem; margin-bottom: 1rem; }
h1, h2, h3, .uk-h1, .uk-h2, .uk-h3, .wdd-main-nav { font-family: var(--t-font); font-style: normal; }
.wdd-rounded { border-radius: 10px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.wdd-rounded { border-radius: 10px; } .wdd-text-small { font-size: .8rem; }
hr { border-bottom: 2px dashed !important; width: 100% !important; }

/*REWRITING WP BRAKING CONTAINER WIDTH*/
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1200px; }

/*MENUS & NAV BARS*/
#wdd-top-nav { z-index: 998; position: absolute; box-sizing: border-box; width: 100%; padding: 10px 25px; align-items: center; top: 0; }
#wdd-scroll-banner { z-index: 999; position: absolute; box-sizing:border-box; width: 100%; padding: 10px 25px; display: none; align-items: center; top: 0; background: var(--bg-color); }
.inline-nav, .menu-main-container { display: inline; }

/*MAIN MENU*/
@media(min-width: 1400px) { #wdd-top-nav { padding: 20px 70px; } #wdd-scroll-banner { padding: 20px 70px; } }
.wdd-main-nav { align-items: center; }
.wdd-main-nav li { position: relative; display: inline; list-style: none !important; padding: 8px 20px; margin: 6px; }
.wdd-main-nav li a { color: var(--menu-link-color); font-size: 2rem; font-weight: 400; padding: 5px 20px; margin: 4px; border-radius: 10px; transition: 1.4s all transform; } .wdd-main-nav li a:hover { font-weight: 600; }
.wdd-main-nav > :last-child a { color: var(--menu-link-color); padding: 5px 20px; margin: 6px; }
.wdd-main-nav > :last-child a:hover { color: var(--hover-menu-link-color); background-color: var(--menu-link-bg-color); text-decoration: none; }
.wp-inner-nav { margin-bottom: 0; }
#menu-main { margin: 0; }

/*SUB MENU*/
.wdd-main-nav ul.sub-menu { display: none; }
.wdd-main-nav ul.sub-menu li { display: block; }
.wdd-main-nav ul.sub-menu a { margin: 6px 0px; color: var(--menu-link-color); }
.wdd-main-nav li.menu-item-has-children:hover ul.sub-menu {
  list-style-type: none;
  display: block;
  padding-left: 0px;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 235px;
  background: var(--menu-bg-color);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/*MOBILE MENU*/
#wdd-slide-menu { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: var(--menu-bg-color); overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
.wdd-menu-toggler { display:inline; cursor: pointer; }
.wdd-mobile-menu { padding: 0; }
.wdd-mobile-menu li { position: relative; list-style: none !important; }
.wdd-mobile-menu a { display: block; padding: 5px 24px; margin-bottom: 20px; list-style-type: none; color: var(--menu-link-color); }
.wdd-mobile-menu a:hover { color: var(--hover-menu-link-color); background-color: var(--hover-button-bg-color); }

/** WP & W O O C O M M E R C E */
/*.woocommerce-breadcrumb, .woocommerce-ordering { display: none !important; }*/
.woocommerce-breadcrumb, .woocommerce-ordering, .woocommerce span.onsale, #sidebar, .product_meta { display: none !important; }
.woocommerce-checkout-payment { color:#000;}
.woocommerce-notices-wrapper { background:#b6b6b6; }
.woocommerce-products-header { margin-top: 120px !important; }
li.product { text-align: center; }

div.product, .woocommerce {
  width: 100% !important;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px !important;
}

.woocommerce-products-header, .woocommerce-notices-wrapper, .woocommerce-result-count, ul.products {
  width: 100% !important;
  max-width: 1140px !important;
  padding-right: var(--bs-gutter-x, 0.75rem) !important;
  padding-left: var(--bs-gutter-x, 0.75rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

.single_add_to_cart_button, .add_to_cart_button, .wc-backward, .wc-forward, .wp-block-button__link, .wp-element-button, .wdd-button, submit.woocommerce_checkout_place_order, button.woocommerce_checkout_place_order, submit.apply_coupon, button.apply_coupon, submit.button, button.button {
  font-family: var(--t-font);
  margin: 0;
  padding: 5px 20px !important;
  line-height: 38px;
  font-size: 2rem;
  transition: 1.4s all ease-in-out;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  background-color: #FFFFFF00;
  color: var(--txt-color);
  border: 2px dashed white;
  border-radius: 10px;
}

.single_add_to_cart_button:hover, .add_to_cart_button:hover, .wc-backward:hover, .wc-forward:hover, .wp-block-button__link:hover, div.wp-block-buttons > div.wp-block-button > a.wp-element-button:hover, .wpforms-submit:hover, .wdd-button:hover, submit.woocommerce_checkout_place_order:hover {
  background-color: var(--button-bg-color);
  color: var(--txt-color);
  text-decoration: none;
  border: 2px dashed var(--txt-color);
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px !important; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 120px; }
.woocommerce-form__input, .woocommerce-form__input-checkbox, .input-checkbox { display: inline-block !important; margin: 0px !important; line-height: 2 !important; }

.woocommerce-message, .woocommerce-info { background-color: #212529 !important; color: white; border: none; margin: 0; }
.qty { margin: .2em !important; }

#sidebar, .posted_in { display: none !important; }
.attachment-woocommerce_thumbnail, .size-woocommerce_thumbnail { max-width: 160px !important; margin: auto !important; }
.woocommerce-Price-amount { color: #888888 !important; }

/* FORMS */
input[type='text'], input[type='email'], input[type='number'], input[type='tel'], textarea {
  -webkit-appearance: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0 10px;
  border-radius: 5px;
  font: inherit;
  height: 36px;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
}

  /**Animations**/
.ok-fade-in { opacity: 0; transition: opacity 1.5s ease-out; }
.ok-fade-in.visible { opacity: 1; }
.fade { animation-name: fade, uk-scale-down; animation-duration: 2s; }
@keyframes fade { from {opacity: .4} to {opacity: 1} }
.img-selected img{ transition: all 1s; }
.img-selected img:hover { transform-origin: top -6px; }

/*! UIkit 3.15.24 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
canvas, img, svg, video { max-width: 100%; height: auto; box-sizing: border-box; }
img:not([src]) { visibility: hidden; min-width: 1px; }
iframe { border: 0; overflow: hidden; }

.uk-overflow-hidden { overflow: hidden; }

@media (max-width: 960px) { h1, .uk-h1 { font-size: 2.625rem; } h2, .uk-h2 { font-size: 2rem; } }

/** LIST **/
ul, ol { padding-left: 30px; }
ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; }

/** TABLE **/
table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; }
* + table { margin-top: 20px; }
table th, table td { vertical-align: center; padding: 16px 12px; font-weight: normal; }
table td > :last-child { margin-bottom: 0; }

/** FORM **/
input, select, textarea {
  font: inherit;
  -webkit-appearance: none;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  background: #fff;
  color: #666;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}

input:focus, select:focus, textarea:focus { outline: none; background-color: #fff; color: #666; border-color: #1e87f0; }
input::placeholder, textarea::placeholder { color: #999; }

/** CONTAINER **/
.uk-container {
  display: flow-root !important;
  box-sizing: content-box !important;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 640px) { .uk-container { padding-left: 30px; padding-right: 30px; } }
@media (min-width: 960px) { .uk-container { padding-left: 40px; padding-right: 40px; } }

.uk-container > :last-child { margin-bottom: 0; }
.uk-container .uk-container { padding-left: 0; padding-right: 0; }
.uk-container-expand { max-width: none;}

/** GRID **/
.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.uk-grid > * { margin: 0; }
.uk-grid > * > :last-child { margin-bottom: 0; }
.uk-grid { margin-left: -30px; }
.uk-grid > * { padding-left: 30px; }
.uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 30px; }
@media (min-width: 1200px) { .uk-grid { margin-left: -40px; } .uk-grid > * { padding-left: 40px; } }

/** WIDTH **/
[class*='uk-child-width'] > * { box-sizing: border-box; width: 100%; }
.uk-child-width-1-2 > * { width: 50%; }
.uk-child-width-1-3 > * { width: calc(100% * 1 / 3.001); }
.uk-child-width-1-4 > * { width: 25%; }
.uk-child-width-auto > * { width: auto; }

@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * { width: 100%; } }

@media (min-width: 960px) {
  .uk-child-width-1-1\@m > * { width: 100%; }
  .uk-child-width-1-2\@m > * { width: 50%; }
  .uk-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001); }
}

@media (min-width: 1200px) {
  .uk-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001); }
  .uk-child-width-1-4\@l > * { width: 25%; }
  .uk-child-width-1-5\@l > * { width: 20%; }
  .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); }
}

[class*='uk-width'] { box-sizing: border-box; width: 100%; max-width: 100%; }

.uk-width-1-2 { width: 50%; }
.uk-width-1-3 { width: calc(100% * 1 / 3.001); }
.uk-width-2-3 { width: calc(100% * 2 / 3.001); }
.uk-width-1-4 { width: 25%; }
.uk-width-3-4 { width: 75%; }

@media (min-width: 640px) {
  .uk-width-1-1\@s { width: 100%; }
  .uk-width-1-2\@s { width: 50%; }
}
@media (min-width: 960px) {
  .uk-width-1-1\@m { width: 100%; }
  .uk-width-1-2\@m { width: 50%; }
  .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); }
  .uk-width-2-3\@m { width: calc(100% * 2 / 3.001); }
  .uk-width-1-4\@m { width: 25%; }
  .uk-width-3-4\@m { width: 75%; }
}
@media (min-width: 1200px) {
  .uk-width-1-1\@l { width: 100%; }
  .uk-width-1-2\@l { width: 50%; }
  .uk-width-1-3\@l { width: calc(100% * 1 / 3.001); }
  .uk-width-2-3\@l { width: calc(100% * 2 / 3.001); }
  .uk-width-1-4\@l { width: 25%; }
  .uk-width-3-4\@l { width: 75%; }
}

/* FLEX */
.uk-flex { display: flex; }
.uk-flex-inline { display: inline-flex; }
.uk-flex-middle { align-items: center; }
.uk-flex-bottom { align-items: flex-end; }

/* MARGIN */
.uk-margin { margin: 20px; }
.uk-margin-auto { margin-left: auto !important; margin-right: auto !important; }
.uk-margin-remove { margin: 0 !important; }

/* PADDING */
.uk-padding { padding: 30px; }
@media (min-width: 1200px) { .uk-padding { padding: 40px; } }
.uk-padding-x { padding: 0px 20px 0px 20px;}
@media(max-width: 1200px) { .uk-padding-x { padding: 0px 0px 15px 15px; } }
@media(min-width: 1200px) { .uk-padding-x { padding: 0px 0px 40px 40px; } }
.uk-padding-small { padding: 15px; }
.uk-padding-remove { padding: 0 !important; }

/* VISIBILITY */
[hidden], .uk-hidden { display: none !important; }

@media (min-width: 640px) { .uk-hidden\@s { display: none !important; } }
@media (min-width: 960px) { .uk-hidden\@m { display: none !important; } }
@media (min-width: 1200px) { .uk-hidden\@l { display: none !important; } }
@media (min-width: 1600px) { .uk-hidden\@xl { display: none !important; } }
@media (max-width: 639px) { .uk-visible\@s { display: none !important; } }
@media (max-width: 959px) { .uk-visible\@m { display: none !important; } }
@media (max-width: 1199px) { .uk-visible\@l { display: none !important; } }
@media (max-width: 1599px) { .uk-visible\@xl { display: none !important; } }