/* Text Container */ .text-container {     width: 95%; /* Standaard breedte */     font-size: 0.9rem; /* Pas lettergrootte aan indien nodig */     font-weight: bold;     color: #000; /* Witte tekstkleur */     overflow: hidden; /* Verberg overlopende tekst */     white-space: nowrap; /* Voorkom regelafbreking */     height: 30px; /* Stel een vaste hoogte in */     line-height: 30px; /* Verticaal uitlijnen van tekst */     margin: 0 auto; /* Centreer de container */ }  /* Mobiele schermen */ @media (max-width: 767px) {     .text-container {         width: 60%; /* Maak container 100% breed */         font-size: 0.75rem; /* Kleinere lettergrootte voor mobiel */     } }  /* Tablet schermen */ @media (min-width: 768px) and (max-width: 1023px) {     .text-container {         width: 85%; /* Maak container 100% breed */         font-size: 0.8rem; /* Iets kleinere lettergrootte */     } }  /* Desktop schermen */ @media (min-width: 1024px) {     .text-container {         width: 90%; /* Terug naar standaardinstelling */         font-size: 0.9rem; /* Standaard lettergrootte */     } }
/* General Styling */ :root {     --primary-color: #0073e6;     --secondary-color: #333;     --background-color: #f9f9f9;     --border-radius: 10px;     --transition-duration: 0.3s; }  /* Search Bar Container */ .product-search-new {     width: 100%;     max-width: 500px;     margin: 0;     position: relative;     font-family: Arial, sans-serif; }  .search-bar-container {     display: flex;     align-items: center;     width: 100%;     border-radius: var(--border-radius);     overflow: hidden;     background-color: var(--background-color);     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);     transition: box-shadow var(--transition-duration) ease;     position: relative; }  .search-bar-container:hover {     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }  /* Input Field */ .search-input {     flex: 1;     border: none;     padding: 16px 20px;     font-size: 16px;     outline: none;     background-color: transparent;     color: var(--secondary-color);     autocomplete: off; }  .search-input::placeholder {     color: #aaa;     font-size: 14px; }  /* Search Icon */ .search-icon, .clear-icon {     background: none;     border: none;     color: var(--primary-color);     margin-right: 10px;     cursor: pointer;     display: flex;     align-items: center;     justify-content: center;     padding: 0;     font-size: 18px;     transition: color var(--transition-duration) ease; }  .search-icon svg, .clear-icon {     width: 20px;     height: 20px; }  /* Clear Icon */ .clear-icon {     display: none;     font-size: 18px;     color: var(--secondary-color);     background: none;     border: none;     cursor: pointer;     position: absolute;     right: 40px; }  /* Dropdown Menu */ .dropdown-menu {     position: absolute;     top: calc(100% + 8px);     left: 0;     right: 0;     border: 1px solid #ddd;     background: white;     border-radius: var(--border-radius);     max-height: 400px;     overflow-y: auto;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);     z-index: 1000;     padding: 10px;     box-sizing: border-box;     display: none; }  /* Dropdown Item */ .dropdown-item {     padding: 10px 15px;     border-bottom: 1px solid #f0f0f0;     cursor: pointer;     transition: background-color var(--transition-duration) ease;     display: flex;     align-items: center;     gap: 10px; }  .dropdown-item:last-child {     border-bottom: none; }  .dropdown-item:hover {     background-color: var(--background-color); }  /* Responsive Design */ @media (max-width: 768px) {     .search-bar-container {         max-width: 100%;     }      .search-input {         font-size: 14px;         padding: 10px 15px;     }      .search-icon svg {         width: 18px;         height: 18px;     }      .dropdown-menu {         max-height: 300px;     } }
.detail-page-stock {                 font-family: Arial, sans-serif;             }             .stock-icon {                 display: flex;                 align-items: center;                 cursor: pointer;             }             .delivery-status-indicator {                 display: inline-block;                 width: 12px;                 height: 12px;                 border-radius: 50%;                 margin-right: 5px;             }             .bg-danger {                 background-color: #dc3545;             }             .bg-orange {                 background-color: #FFA500;             }             .bg-yellow {                 background-color: #FFD700;             }             .bg-green {                 background-color: #28a745;             }             .stock-popup-box {                 position: relative;                 margin-top: 10px;                 padding: 15px;                 border: 1px solid #ddd;                 background: #fff;                 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);                 border-radius: 8px;                 max-width: 400px;             }             .stock-popup-box table {                 width: 100%;                 border-collapse: collapse;                 margin: 10px 0;             }             .stock-popup-box table,              .stock-popup-box th,              .stock-popup-box td {                 border: 1px solid #ddd;                 padding: 8px;                 text-align: left;             }             .stock-popup-box th {                 background: #f7f7f7;             }             .stock-popup-box button.close-popup {                 background-color: #dc3545;                 color: #fff;                 border: none;                 padding: 8px 12px;                 border-radius: 4px;                 cursor: pointer;             }             .stock-popup-box button.close-popup:hover {                 background-color: #c82333;             }
.b2b-product-info {             max-width: 400px;             font-family: Arial, sans-serif;         }         .b2b-product-info .info-row {             display: flex;         }         .b2b-product-info .info-label {             flex: 0 0 40%;             font-weight: bold;             color: #333;         }         .b2b-product-info .info-value {             flex: 1;             color: #555;         }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {     border: none;     padding: 20px;     margin: 2em 0;     text-align: left;     border-radius: 0; }  .modal-content {     color: rgb(9, 9, 61);     border: none !important;     border-radius: 10px;     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .modal-header {     background-color: #f8f9fa;     border-bottom: 1px solid #dee2e6; } .modal-title {     color: #333;     font-weight: bold; } .modal-footer {     border-top: 1px solid #dee2e6;     display: flex;     flex-direction: column;     align-items: center;     font-size: 14px;     color: #555; } .alert {     margin-bottom: 15px;     padding: 10px;     font-size: 14px; } .form-control {     border-radius: 5px;     border: 1px solid #ced4da; } label {     display: block;     text-align: center;     font-weight: bold;     margin-bottom: 5px; } .btn-primary {     background-color: #007bff;     border-color: #007bff; } .btn-primary:hover {     background-color: #0056b3;     border-color: #004085; } .btn-secondary {     border-radius: 5px; } .text-center {     text-align: center; } .footer-link {     font-size: 14px;     color: #007bff;     text-decoration: none; } .footer-link:hover {     text-decoration: underline; } .centered-button {     display: block;     margin: 20px auto;     font-size: 18px;     width: 100%;     max-width: 300px;     padding: 15px 20px;     text-align: center;     border-radius: 5px; } 	.wp-block-button__link.woocommerce-form-login__submit {     display: block; /* Ensures the button takes the full width */     width: 100%; /* Full width */     max-width: none; /* Removes any constraints on width */     padding: 1rem 1rem; /* Increases padding for a bigger button */     font-size: 1.5rem; /* Increases font size */     text-align: center; /* Centers the text */     border: none; /* Optional: Removes default borders */     border-radius: 5px; /* Optional: Adds slight rounded corners */     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow for better visual impact */     cursor: pointer; /* Changes cursor to pointer on hover */ }  .wp-block-button__link.woocommerce-form-login__submit:hover {     box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Slightly deeper shadow on hover */     opacity: 0.9; /* Optional: Adds a subtle hover effect */ }