/*
 Author:      Arno
 Author URI:  https://wolle-und-schoenes.de/
 Purpose:     customized css for oceanwp-child
*/

/* HOME Wolle des Monats XXX verstecken */
/*
.elementor-396 .elementor-element.elementor-element-fd35d88 {
    visibility: hidden !important;
}
*/

/* Produkt Titel und Preis ändern */
/*
.woocommerce div.product .product_title {
   font-size: 20px;
   margin: 0 0 10px;
}

.woocommerce div.product p.price {
   font-size: 30px;
   line-height: 30px;
   font-weight: 600;
   margin: 20px 0 0;
}
*/

/* --- MENU ZWEISPALTIG (15.12.2025 ChatGPT) --- */
/* ---   NUR Hersteller unter Garne/Wolle    --- */
#menu-main-menu
> li.menu-item-1356           /* Sortiment */
> ul.sub-menu
> li.menu-item-1934           /* Garne/Wolle */
> ul.sub-menu {

   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
   column-gap: 27px;
   /* überschreibe default 'balance'
   column-fill: auto;
   */
   max-height: 70vh;
   overflow-y: auto;

   padding: 7px 9px;
   min-width: 270px;
}
/* einzelne Einträge sauber umbrechen */
#menu-main-menu
> li.menu-item-1356
> ul.sub-menu
> li.menu-item-1934
> ul.sub-menu
> li {
   break-inside: avoid;
}
/* Links volle Breite je Spalte */
#menu-main-menu
> li.menu-item-1356
> ul.sub-menu
> li.menu-item-1934
> ul.sub-menu
> li > a {
   white-space: nowrap;
}
#menu-main-menu
> li.menu-item-1356
> ul.sub-menu
> li.menu-item-1934
> ul.sub-menu {
   column-rule: 1px solid #eee;
}


/* formate text in category description via short code */
.afh-small-text {
   /*
   font-weight: bold;
   */
   font-size: 90%;
   color: #777;
}

/* OR in account login - registration */
.woocommerce .owp-account-links li.or {
   display: inline-block;
   width: 48px;
   height: 36px;
   line-height: 36px;
   color: #a70707;
   border: 0px solid;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   margin: 0 12px;
   -moz-opacity: 1;
   -webkit-opacity: 1;
   opacity: 1;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   vertical-align: text-bottom;
}
/* account LOGIN or REGISTRATION text */
.woocommerce .owp-account-links li .owp-account-link {
   font-size: 36px;
   text-transform: uppercase;
   color: #a70707;
   line-height: 1;
   font-weight: bold;
   -moz-opacity: .6;
   -webkit-opacity: .6;
   opacity: .6;
}

/* Limit all WooCommerce product titles to one line only DOES NOT WORK :( */
/*
.woocommerce ul.products li.product h2 {
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
}
*/

/* product title in grid view (too long) */
.woocommerce ul.products li.product li.title h2,
.woocommerce ul.products li.product li.title a {
   display: inherit;   /*  inline-block  */
   font-family: inherit;
   font-size: 14px;
   line-height: 1.3;
   color: #333;
}

/* change the font size in category list view */
div.product-inner.clr div.woo-entry-inner.clr a h2.woocommerce-loop-category__title {
   font-size: 100% !important;
   font-weight: 700 !important;
}
.woocommerce .summary ul, .woocommerce #tab-description ul {
   list-style: none !important;
}
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap {
   margin-bottom: 7px !important;
}
/* distance between catergory image and category text */
.woocommerce ul.products li.product-category.product .woo-entry-image {
    margin-bottom: 3px !important;
}

/* basket shipping text normal */
.woocommerce-shipping-destination {
   text-transform: none !important;
}

/* basket article text normal */
.woocommerce table.shop_table td {
   text-transform: none !important;
}

/* share social text normal .widget-oceanwp-social-share .social-share */
.widget-title {
   text-transform: none !important;
}

/* switch off product navigation in single view */
.owp-product-nav-wrap .owp-product-nav li a {
   display: none !important;
}

/* set title margin bottom to 0px (from 10px) */
.woocommerce div.product .product_title {
	margin: 0px 0px 0px !important;
}
.single .entry-title {
	padding: 0 0 10px !important;
}

/* <button type="button" class="cc-revoke  cc-bottom cc-animate cc-color-override-1598922631  " style="">Zustimmung verwalten</button> */
/* hide coockie button for 'Zustimmung verwalten' */
.cc-animate.cc-revoke.cc-bottom {
   transform: translateY(2.37em) !important;
}

/* show footer address lines in two separate areas but without 20px margin */
.widget-oceanwp-contact-info.clr ul.contact-info-widget.default li.address,
.widget-oceanwp-contact-info.clr ul.contact-info-widget.default li.phone {
   margin-bottom: 0 !important;
}

/* set NONE text transform for product filters in widget */
.widget_product_categories li a, .widget_layered_nav li a {
	/*
   position: relative;
	display: block;
	font-size: 13px;
	line-height: 1.6;
	padding-left: 22px;
   */
	text-transform: none !important;
}

.woocommerce div.product div.summary p.in-stock {
  /*
  margin-bottom: 10px !important;
  */
  margin: 10px 0 !important;
}

/* header DEINE BESTELLUNG in check out for review to default */
.woocommerce-checkout h3#order_review_heading {
  float: none !important; /* right; */
  /* width: 48%; */
}

/* error message in checkout
.woocommerce-NoticeGroup .woocommerce-NoticeGroup-checkout
*/
.woocommerce-error li a {
   float: none;
}

/* reCAPTCHA oberhalb von ToTop-Button positionieren */
.grecaptcha-badge {
    transform: translateY(-53px) !important;
}

/* PayPal hint under PP payment */
.woocommerce-checkout #payment div.payment_box {
    padding: 0 1.4em 1.4em !important;
    /*
    font-size: .92em;
    background-color: #fff;
    color: #555;
    */
}

.woocommerce #order_review table.shop_table tbody td.product-name {
    max-width: 276px !important; /* orig: 376px */
    text-align: left;
}

/* additionally tax from germanized in single product */
.wc-gzd-single, .wc-gzd-single-meta, li.wc-gzd {
   padding: 53px 0 0 0 !important;
   display: none !important;
}
/* additionally delivery time germanized in single product */
.product p.wc-gzd-additional-info {
   margin-top: 0.007rem !important;
   font-size: 0.97em !important;
   font-weight: 600;
   color: #77a464;
}
/* additionally delivery time germanized in cart */
.wc-gzd-cart-info {
   margin-top: 0.53rem !important;
   font-size: 0.97em !important;
   font-weight: 600;
   color: #77a464;
}

/* does not work for pay buttons overlay */
#zoid-paypal-buttons-uid_47a3acb330_mtu6mda6mtg > iframe.component-frame,
#zoid-paypal-buttons-uid_47a3acb330_mtu6mda6mtg > iframe.prerender-frame,
#zoid-paypal-buttons-uid_47a3acb330_mtu6mda6mtg > .smart-menu {
   z-index: 0 !important;
}

/* error text above header (eliminate X) */
ul.woocommerce-error li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  text-rendering: auto;
  margin-right: 10px;
  content: none; /* "\f00d" */
  color: #ffc4b7;
}

/* formatting for sub-category counter */
.subcategory-items-count {
   display: inline-block;
   color: #A75353;
   font-size: 0.9em;
   margin-top: 2px;
}

/* Artikel/Magazine - 2-Zeilen-Anzeige (ohne <br>) */
.yarn-title,
.mag-title {
   display: block;
}
.yarn-color,
.mag-season {
   display: block;
   /*margin-top: 0.2em;*/
   font-size: 0.9em;
   opacity: 0.7;
}

.mag-bigger {
   font-size: 117%;
   font-weight: 700;
   letter-spacing: 0.07em;
}

.nobr {
   white-space: nowrap;
}

/* 'NEW' BADGE RIBBON STYLE */
.woocommerce ul.products li.product .new-badge.onsale {
	background: #f37a21;
	top: 2.25em;
   right: .25rem !important; /* auto */
   left: auto !important;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	border-radius: 9% !important;
	min-width: 10px;
	padding-left: 1px !important;
   height: 30px;
   line-height: 30px;
	z-index: 10;
}
span.new-badge.onsale {
   min-width: 10px;
   -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
/*
span.new-badge.onsale:after {
	border: 15px solid #f37a21;
   border-color: transparent transparent #f37a21 #f37a21;
	border-width: 9px 6px;
	position: absolute;
	right: -10px;
	bottom: 0;
	content: '';
}
span.new-badge.onsale:before {
   border: 5px solid #f37a21;
   border-color: #f37a21 transparent transparent #f37a21;
   border-width: 9px 6px;
   position: absolute;
   right: -10px;
   top: 0;
   content: '';
}
*/

/* SINGLE PRODUCT BANGE */
.itsnew {
   background: #f37a21;
	border-radius: 9% !important;
   padding: 5px 10px;
   font-size: 12px;
   font-weight: 700;
   color: #fff;
}

/* CIRCLE STYLE
.woocommerce ul.products li.product .new-badge.onsale {
	background: #f37a21;
	right: auto;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	border-radius: 0px;
	border-radius: 999px;
	min-width: 3em;
	min-height: 3em;
	line-height: 3em;
	padding: 0;
	position: absolute;
	text-align: center;
	top: .5em;
	left: .5em;
}
 */

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #F73333;
    color: #fff;
}

/* set different appearance of error message in cart and checkout
.woocommerce ul.woocommerce-error {
   background-color: #ffffff;
   color: #7f0707;
   border: 1px solid #7f0707;
   border-left: 10px solid rgba(127,7,7,.99);
   font-size: 14px;
   padding: 15px 20px;
   margin-bottom: 25px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   border-radius: 2px;
}*/


/* set appearance of shipping message checkout */
.cart_checkout_notice_ws,
.cart_checkout_notice_ws .delivery-message {
   width: 100%;
   background-color: #ffffff;
   /*color: #7f0707;*/
   /*
   border-right: 1px solid #7f0707;
   border-left: 10px solid #7f0707;
   border: 1px solid #7f0707;
   border-left: 10px solid rgba(127,7,7,.99);
   */
   border-top: 1px solid #7f0707;
   border-bottom: 1px solid #7f0707;
   font-size: 100%; /* 14px */
   font-weight: 600;
   padding: 7px 10px 7px 20px;
   margin-bottom: 25px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   border-radius: 2px;
}
.cart_checkout_notice_ws .button.wc-forward {
   padding: 9px 15px 9px 15px !important;
}

/* set car discount text to normal (not capitalize) */
.woocommerce #order_review table tfoot .cart-discount th {
   text-transform: none !important;
}

/* replace product attribut texts (hide origin and display new) */
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_farbe th.woocommerce-product-attributes-item__label {
   visibility: hidden;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_farbe th.woocommerce-product-attributes-item__label:before {
   visibility: visible;
   content: "Grundfarben";
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_lauflaenge th.woocommerce-product-attributes-item__label {
   visibility: hidden;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_lauflaenge th.woocommerce-product-attributes-item__label:before {
   visibility: visible;
   content: "Lauflänge";
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_lauflaenge_kat th.woocommerce-product-attributes-item__label {
   visibility: hidden;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_lauflaenge_kat th.woocommerce-product-attributes-item__label:before {
   visibility: visible;
   content: "Kategorie \0000A0\0000A0Lauflänge";
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_nadel_kat th.woocommerce-product-attributes-item__label {
   visibility: hidden;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_nadel_kat th.woocommerce-product-attributes-item__label:before {
   visibility: visible;
   content: "Kategorie \0000A0\0000A0Nadelstärke";
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_im_sortiment_seit th.woocommerce-product-attributes-item__label {
   visibility: hidden;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_im_sortiment_seit th.woocommerce-product-attributes-item__label:before {
   visibility: visible;
   content: "Neuheiten";
}

/* hide the section download in checkout order accepted */
section.woocommerce-order-downloads {
   visibility: hidden !important;
   display: none !important;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
   font-size: 125% !important;
   font-weight: 600 !important;
}

/* create more space for text below checkout button */
@media only screen and (max-width: 767px) {
   .woocommerce-page .cart-collaterals .cart_totals {
       padding-bottom: 50px !important;
   }
}

/* NOTICE mit wc_print_notice stylen */
/*
.woocommerce-error li::before { content: "❌"; }
.woocommerce-message::before { content: "✔"; }
.woocommerce-info::before { content: "ℹ"; ⅈ ✌ ⊛  }
*/
.woocommerce-error.notice-positive,
.woocommerce-error.notice-warning,
.woocommerce-error.notice-hint {
   margin-left: 0.7rem;
   line-height: 1;
   font-size: 1.6rem;
   font-weight: 600;
   list-style: none;
   margin: 0 0 7px;
   padding: 10px 15px;
   text-transform: none;
}
.woocommerce-error.notice-positive li,
.woocommerce-error.notice-warning li,
.woocommerce-error.notice-hint li {
   position: relative;
   padding-left: 25px;
}
.woocommerce-error.notice-positive li::before,
.woocommerce-error.notice-warning li::before,
.woocommerce-error.notice-hint li::before {
   position: absolute;
   left: 0;
   top: -0.01em; /* fein justieren */
   font-size: 18px;
}

.woocommerce-error.notice-positive {
   color: #333333;
   border-color: #535353;
   background-color: #7FCC7F;
   border-left: 4px solid #1A991A;
}
.woocommerce-error.notice-positive li::before {
   content: "✔";
   color: #1A991A;
}
.woocommerce-error.notice-warning {
   color: #070707;
   border-color: #535353;
   background-color: #FF973A;
   border-left: 4px solid #CC0000;
}
.woocommerce-error.notice-warning li::before {
   content: "⚠";
   color: #AF0000;
}
.woocommerce-error.notice-hint {
   color: #070707;
   border-color: #535353;
   background-color: #68D5FE;
   border-left: 4px solid #1A6797;
   /*
   */
}
.woocommerce-error.notice-hint li::before {
   left: 9px;
   content: "ℹ";
   color: #1A6797;
}

/* for short text only - mobile 1 line */
.woocommerce-info.notice-positive {
   line-height: 1;
   font-size: 1.6rem;
   font-weight: 600;
   color: #333333;
   margin: 0 0 7px;
   padding: 10px 15px;
   text-transform: none;
   border-color: #535353;
   background-color: #8FCC8F;
}
.woocommerce-info.notice-positive:before {
   position: relative;
   top: 0.01em;
   left: 0.53em;
   content: "ℹ";
   font-size: 2.1rem;
   color: #539953;
}


/* modify sale badge --------- 1st
.woocommerce .circle-sale span.onsale {
  padding: 0;
  width: 50px;
  height: 25px !important;
  line-height: 25px !important;
  text-align: center;
  -webkit-border-radius: 9%;
  -moz-border-radius: 9%;
  -ms-border-radius: 9%;
  border-radius: 9% !important;
}
.woocommerce span.onsale {
  background-color: #0abb0a !important;
  right: 1.25rem !important;
  top: 2.75rem !important;
  left: auto !important;
  position: absolute;
  left: 1.25rem;
  background-color: rgba(63,195,135,.8);
  color: #fff;
  padding: 8px 12px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .4px;
  z-index: 9;
}
.woocommerce span.onsale {
   right: 1.25rem !important;
   left: auto !important;
}
*/

/*
.container {
   width: 1200px;
   width: 1600px !important;
   max-width: 95% !important;
}
*/

/* set padding between menu line and main image
#main #content-wrap {
    padding-top: 10px !important;
}
 */

/* switch off my text 'icl.MwSt zuzüglich Versand' in single view
.woocommerce-product-details__short-description > h6:nth-child(1),
.woocommerce-product-details__short-description > h6:nth-child(2) {
   display: none !important;
}
 */

