/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */

.menu-item-6751 > .sub-menu-dropdown {
    background-image: none !important;
}

.woocommerce-MyAccount-navigation-link img {
    vertical-align: middle;
    margin-right: 10px;
}

.woocommerce-MyAccount-navigation-link a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.promoted-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px; /* Space between grid items */
    margin: 20px 0;
    list-style: none;
    padding: 0;
}

.promoted-product-item {
    border: 1px solid #ddd; /* Optional: Add border */
    padding: 15px;
    text-align: center;
    background-color: #fff; /* Optional: Add background color */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.promoted-product-item:hover {
    transform: scale(1.05); /* Optional: Slight zoom effect on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Shadow on hover */
}

.promoted-product-item img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
    margin-bottom: 10px;
}

.promoted-product-item h3 {
    font-size: 16px; margin-bottom: 10px;
}

.promoted-product-item a {
    color: #333; text-decoration: none;
}

.promoted-product-item a:hover {
    color: #0071a1; /* Change color on hover */
}

.my-account-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.edit-button {
    background: none;
    border: none;
    color: #007cba;
    cursor: pointer;
    padding: 8px 8px !important; font-size: 15px; border-radius: 40px; 
}
.save-button {
    cursor: pointer;
    font-size: 16px;
    margin: 10px 0 5px;
}

.edit-button:hover { color: #005a8c; }

.save-button { color: green; }

.faq-accordion {
    margin: 0px 0px !important;
    border: 1px solid #ddd;
    border-radius: 0px;
    background: #f9f9f9;
    padding: 15px;
}

.faq-accordion h2 { font-size: 24px; margin-bottom: 15px; color: #08649c; }

.accordion-item { margin-bottom: 10px; }

.accordion-toggle {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
}

.accordion-toggle:hover { background: #f1f1f1; }

.accordion-content {
    display: none;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    font-size: 14px;
}

.newsletter-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    background: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 30px; font-size:15px;
}

.subscribe-button {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
}

.subscribe-button:hover { background-color: #005177; color: #fff; }
.closebtnrow{ text-align:right; }

.close-popup {
    padding: 6px 12px;
    background-color: #08649c;
    border: none;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    border: 1px solid #08649c;
}
.popup-content{
    max-width: 800px; text-align: left; width: 100%;
}

div.tnp-subscription, form.tnp-subscription, form.tnp-profile{
    margin: 0px !important; max-width: 100% !important;
}

.favorites_container .basel-my-account-sidebar {
    display: none !important;
}

/******/
.page-title-default.page-title{ margin-top: 0 !important; margin-bottom: 0 !important; }
.page-title.color-scheme-light .breadcrumbs{ color: #333 !important; }
.page-title.color-scheme-light .breadcrumbs a{color: #333 !important;}
.page-title.color-scheme-light .breadcrumbs .current{color: #08649c; }


aside.sidebar-container{display: none;}
.woocommerce-MyAccount-navigation ul li a{ font-size:15px !important; color:#000 !important; font-weight: 500; }
.woocommerce-MyAccount-navigation ul li.is-active > a{color: #08749c !important; }
.woocommerce-MyAccount-title{ background-color: #08649c !important; }
svg.yith-wcwl-icon-svg { width: 25px;  height: 30px; }
.single-product-content .entry-summary .compare-btn-wrapper a::before{color:#fff !important;}
.entry-content .woocommerce .greeting-user{padding-left:30%;}
.entry-content .woocommerce .greeting-user h1{margin-bottom: 30px; margin-top: 30px; font-weight: bold; display: inline-block; 
  border-bottom: 2px solid #08649c; }
.add-request-quote-button.button{padding: 5px 8px !important; font-size: 17px !important; letter-spacing:0; }

/* My account */
.basel-my-account-links .overview-link a::before,
.basel-my-account-links .inquiries-link a::before,
.basel-my-account-links .promoted-link a::before,
.basel-my-account-links .favorites-link a::before,
.basel-my-account-links .newsletter-link a::before,
.basel-my-account-links .account-data-link a::before,
.basel-my-account-links .help-faq-link a::before,
.basel-my-account-links .customer-logout-link a::before{ width: 50px;  height: 50px;  margin: 0 auto 10px !important; /*filter: grayscale(1);*/ }

.basel-my-account-links .overview-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_User.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .inquiries-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Inquire.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .promoted-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Star.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .favorites-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Heart.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .newsletter-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Newsletter.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .account-data-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_AccountData.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .help-faq-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Help.png') no-repeat; background-size: contain; background-position: center center;  content: ""; }
.basel-my-account-links .customer-logout-link a::before{ background:url('/wp-content/themes/basel-child/images/Icon_Logout.png') no-repeat; background-size: contain; background-position: center center; content: "" !important; }

.basel-my-account-links .overview-link a:hover::before,
.basel-my-account-links .inquiries-link a:hover::before,
.basel-my-account-links .promoted-link a:hover::before,
.basel-my-account-links .favorites-link a:hover::before,
.basel-my-account-links .newsletter-link a:hover::before,
.basel-my-account-links .account-data-link a:hover::before,
.basel-my-account-links .help-faq-link a:hover::before,
.basel-my-account-links .customer-logout-link a:hover::before{  filter: grayscale(0); color: #08749c; }

.basel-my-account-links a:hover{ color: #08749c; }

.woocommerce-MyAccount-content p a{ }
.woocommerce-MyAccount-content p a:hover{color: #08749c;}

/* Overview css */
.latest-products .product{display: inline-block;
 width: 22%; margin-right: 2%; }
.latest-products .product a{display: block;}
  .latest-products .product a img{ border: 8px solid #eceaec; margin-bottom: 10px; }

.acc-titlerow{ text-align:center; }
.acc-titlerow h3{ display:inline-block; position:relative; font-size: 40px;
  font-weight: bold; margin-bottom: 30px; }
.acc-titlerow h3::after{ width: 50px; height: 3px; left: 0; content: "";
  position: absolute; bottom: -5px; display:inline-block; background-color: #08649c; }

/* Promoted */
.promoted .promoted-products-grid{ display: block; }
.promoted .promoted-product-item{ display: inline-block;  width: 22%;
  margin-right: 2%; border: none; padding:inherit; margin-bottom:20px; }
.promoted .promoted-product-item a{display: block;}
.promoted .promoted-product-item a img{ border: 8px solid #eceaec; margin-bottom: 10px; }
.promoted .promoted-product-item:hover {
  transform: none !important; box-shadow: none !important; }
.promoted .promoted-product-item .price{font-size:16px; }

/* Inquiries */
.browser-history{}
.browser-history h3{ margin-bottom:10px; }
.browser-history .woocommerce{ padding-left: 15px; padding-right: 15px; }
.browser-history .woocommerce .product-list-item{ padding: 15px; border: 1px solid #ddd; }
.browser-history .product-list-item .product-title > a{ border-bottom:none !important; font-size: 18px !important; }

/**/

/* Wishlist */
.yith_wcwl_wishlist_footer{ display:none; }
.myfavorite{}
.myfavorite .woocommerce-MyAccount-content{ width:100%; }
.myfavorite .wishlist-title{ text-align:center; margin-bottom: 10px; }
.myfavorite .wishlist-title h2{position:relative; font-size: 40px;}
.myfavorite .wishlist-title h2::after{ width: 50px; height: 3px; left: 0; content: "";
  position: absolute; bottom: -5px; display:inline-block; background-color: #08649c; 
}
.myfavorite .wishlist-title .button{  display: inline-flex; color: #fff; line-height: 30px; padding: 8px 13px !important; }
.myfavorite .wishlist-title .button svg{margin-right: 5px;}
.myfavorite .wishlist-title .button:hover{color: #08649c !important;}
.wishlist_table .product-thumbnail a{display:block; }
a.remove_from_wishlist{color: #08649c; }

/* Newsletter */
.newsletter-popup h3{ text-align: center; font-size: 30px; font-weight: 500; color: #08649c; line-height: 34px;}
.newslettertitle{text-align: center;}
  .newslettertitle h1{ display:inline-block; position:relative; font-size: 40px;
  font-weight: bold; margin-bottom: 30px; }
  .newslettertitle h1::after{ width: 50px; height: 3px; left: 0; content: "";
  position: absolute; bottom: -5px; display:inline-block; background-color: #08649c; }
.sbuscribe-btn-wrap{text-align:center;}
.subscribe-button{display:inline-block; }
div.tnp-subscription > div{ font-size: 15px; margin-bottom: 15px; text-align: center;}

.tnp-subscription form { display: block !important; max-width: 70%; width: 100%;  margin: 0 auto; }
.tnp-subscription form > div{ margin-bottom: 15px !important; }
.tnp-subscription form .tnp-field { width: 100% !important; }
.tnp-subscription form .tnp-field-button{margin-left:0 !important;}
.tnp-field input[type="submit"] { background: #08649c; border:1px solid #08649c; }
.tnp-field input[type="submit"]:hover { color: #08649c; }
.tnp-subscription input[type="email"]{border: 1px solid #ccc !important;}
button.edit-email-button{color:#fff; }
#subscription_section ul{ list-style: disc; padding-left: 20px; margin-bottom: 25px; }
#subscription_section ul li{ color: #08649c; font-size: 16px; margin: 0 0 10px;}

/* Popup */
.tnp-subscription #tnp-subscription-popup{ display: flex !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto;}
.tnp-subscription #tnp-subscription-popup .tnp-field-email{ width: 70% !important; }
.tnp-subscription #tnp-subscription-popup .tnp-field-button{ width: 30% !important; }
.tnp-subscription #tnp-subscription-popup .tnp-field-button .tnp-submit{width: 100% !important; height:40px; }
.tnp-subscription #tnp-subscription-popup .tnp-field-button{ margin-top: 18px; }

/* Newsletter dialog */
.ui-dialog { padding: 0; overflow: hidden !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.ui-dialog .ui-widget-header{background: #08649c; color: #fff;}
.ui-dialog .ui-widget-header.ui-corner-all{ border-radius: 0px !important;}
.ui-dialog .ui-dialog-titlebar { padding: 0.6em 1em; }
.ui-dialog.ui-corner-all{ border-radius: 0px !important;}
.ui-dialog .ui-dialog-titlebar-close{right:15px; }
.woocommerce button{color:#fff; padding: 8px 16px; }
.ui-dialog-buttonset button{background: #08649c; border-color:#08649c; color:#fff;}
.ui-dialog-buttonset button:first-child{background: #08649c !important; border-color:#08649c !important; color:#fff !important;}
.ui-dialog-buttonset button:last-child{background: #fff; border-color:#08649c; color:#08649c;}

/* Feedback */
#feedback-form > div{ position:relative; padding-left:30px; margin-bottom: 15px;}
#feedback-form > div input[type="radio"]{ position: absolute; left: 5px; top: 5px; z-index: 1; }
.woocommerce-message{outline:none; }

/* FAQ */
.accordion-toggle{color:#333 !important;}

/* Account data */
.account-data-section a{display:inline-block; margin-bottom: 15px; }
.my-account-layout button{color:#fff;}
.woocommerce-MyAccount-content > .my-account-layout{ margin-bottom: 40px; }
.my-account-layout h3{color:#08649c; font-weight: 500; }
.account-data-section h3{color:#08649c; font-weight: 500; }
.account-section form select{ margin-bottom:15px; }
.account-data-section form > div{ margin-bottom:10px; }
.my-account-layout label{display:inline-block; }
.woocommerce-MyAccount-content form h3{color:#08649c; font-weight: 500;}
span.selection .select2-selection__arrow{background-color: transparent !important;}
span.selection .select2-selection__arrow::after{position:absolute; content:""; border-top: 8px solid #bbb;  border-left: 6px solid transparent;
  border-right: 6px solid transparent; top: 16px; right: 4px;  }


/********/
@media only screen and (max-width : 991px) {
  .latest-products .product { width: 45%; margin-right: 4%; }
  .promoted .promoted-product-item { width: 45%; margin-right: 4%; }
  .woocommerce .wishlist-title h2 { font-size: 28px; }
  .myfavorite .wishlist-title {  margin-bottom: 30px; }
  .myfavorite table{margin-bottom:20px;}
  .myfavorite table .label{ text-align:left; }
  .myfavorite table .value{ text-align:right; }
  .myfavorite .item-details{margin-top:20px;}
  .myfavorite .product-remove{margin-bottom:10px; }
  
}

/********/
@media only screen and (max-width : 767px) {
  .latest-products .product { margin-left: 2%; margin-right: 2%; }
  .promoted .promoted-product-item { margin-left: 2%; margin-right: 2%; }
  .browser-history .woocommerce { padding-left: 10px; padding-right: 10px; }
    .newslettertitle h1{font-size:28px;}
  .wishlist_table .product-thumbnail img{width:100%; }
    .acc-titlerow h3{ font-size:28px; }
  .my-account-layout { gap: 50px; }
    .edit-account fieldset{ padding: 10px 20px; }
  .faq-accordion h2 { font-size: 20px;}
   table.item-details-table tr td{padding: 10px 0px;}
  .entry-content .woocommerce .greeting-user{padding-left:0;}
    #tnp-modal-content{width:95%; }
    #tnp-modal-content .vc_column-inner figure img{width:100%; }
  
}

/********/
@media only screen and (max-width : 575px) {
  .latest-products .product { width: 100%; margin-left: 0; margin-right: 0; }
  .promoted .promoted-product-item { width: 100%; margin-left: 0; margin-right: 0; }
  .popup-content { width: calc(100% - 40px); padding: 20px 20px; }
  .tnp-subscription form{max-width:100%; }
  div.tnp-subscription{max-height: 500px;  overflow-y: auto;}
  .my-account-layout { display:block; }
  .my-account-layout section{ margin-bottom:15px; }
   
    .tnp-subscription #tnp-subscription-popup{ display: block !important;}
    .tnp-subscription #tnp-subscription-popup .tnp-field-email{ width: 100% !important; }
.tnp-subscription #tnp-subscription-popup .tnp-field-button{ width: 100% !important; }
  
}