/**
 * Theme Name:     Kadence Child
 * Author:         Kadence WP
 * Template:       kadence
 * Text Domain:	   kadence-child
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */


@import url('https://fonts.googleapis.com/css2?family=Mate:ital,wght@0,400;1,400&display=swap');


h4 {
    font-family: "Mate", serif !important;
	  text-transform: uppercase;
	font-size: 50px !important;
  }


h3 {
	text-transform: uppercase;
	font-size: 20px !important;
}

.header-navigation, .header-menu-container {
	font-weight: bold;
}

.header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu {
    background: #10497a !important;
}

.header-menu-container ul ul li.menu-item > a {
    font-size: 15px !important;
}


.claim_area {
    margin-top: -30px !important;
}

.import_usp {
    max-width: 1310px !important;
    margin: 0 auto !important;
}


/* 
 * Beer Inquiry System CSS
 * Add this to your theme's style.css or create a separate CSS file
 */

/* Quantity Input Wrapper */
.beer-inquiry-add-form {
    margin-top: 15px;
}

.quantity-input-wrapper {
    margin-bottom: 10px;
}

.quantity-input-wrapper label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

.inquiry-quantity {
    width: 80px !important;
    padding: 5px 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* Inquiry Button Styles */
.inquiry-btn, .inquiry-btn-added, .update-quantity {
    background-color: #d4a574 !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: normal !important;
    text-align: center !important;
    min-width: 140px !important;
}

.inquiry-btn:hover:not(:disabled) {
    background-color: #c49660 !important;
    transform: translateY(-1px);
}

.inquiry-btn-added, .inquiry-btn:disabled {
    background-color: #28a745 !important;
    cursor: default !important;
    transform: none !important;
}

.update-quantity {
    background-color: #007cba !important;
    min-width: auto !important;
    padding: 8px 15px !important;
}

.update-quantity:hover:not(:disabled) {
    background-color: #005a87 !important;
}

/* Kadence theme compatibility */
.kadence-shop .beer-inquiry-add-form,
.wc-block-grid__product .beer-inquiry-add-form {
    width: 100% !important;
    margin-top: 10px !important;
}

.kadence-shop .inquiry-btn,
.wc-block-grid__product .inquiry-btn {
    width: 100% !important;
}

/* Menu Counter Styles */
.menu-inquiry a {
    font-weight: bold;
}

.inquiry-count {
    background-color: #d4a574;
    color: white;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 12px;
    margin-left: 5px;
    font-weight: bold;
}

.inquiry-count.complete {
    background-color: #28a745;
}

.inquiry-count.incomplete {
    background-color: #ffc107;
    color: #212529;
}

/* Progress Bar Styles */
.inquiry-progress {
    margin: 20px 0 30px 0;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #d4a574;
}

.progress-bar {
    width: 100%;
    height: 20px;
    background-color: #e9ecef;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.progress-fill {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 10px;
}

.progress-fill.incomplete {
    background-color: #ffc107;
}

.progress-fill.complete {
    background-color: #28a745;
}

.progress-text {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.progress-text.incomplete {
    color: #856404;
}

.progress-text.complete {
    color: #155724;
}

.progress-note {
    margin: 5px 0 0 0;
    font-style: italic;
    color: #6c757d;
}

/* Inquiry Page Styles */
.beer-inquiry-page {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

.inquiry-empty {
    text-align: center;
    padding: 40px 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.inquiry-empty p {
    font-size: 18px;
    color: #6c757d;
    margin-bottom: 20px;
}

.inquiry-empty a {
    background-color: #d4a574;
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.inquiry-empty a:hover {
    background-color: #c49660;
}

/* Inquiry Table Styles */
.inquiry-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.inquiry-table th,
.inquiry-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.inquiry-table th {
    background-color: #f8f9fa;
    font-weight: bold;
    color: #495057;
}

.inquiry-table tbody tr:hover {
    background-color: #f8f9fa;
}

.inquiry-table tbody tr:last-child td {
    border-bottom: none;
}

/* Product Info Cell */
.product-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-image-wrapper {
    flex-shrink: 0;
}

.inquiry-product-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.product-details {
    flex-grow: 1;
}

.product-details strong {
    display: block;
    margin-bottom: 5px;
    color: #495057;
}

.product-details small {
    color: #6c757d;
    line-height: 1.4;
}

/* Quantity Controls */
.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.update-quantity-input {
    width: 70px !important;
    padding: 5px 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.update-quantity-btn {
    background-color: #007cba !important;
    color: white !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    transition: background-color 0.3s ease !important;
}

.update-quantity-btn:hover:not(:disabled) {
    background-color: #005a87 !important;
}

.quantity-display {
    font-weight: bold;
    color: #495057;
}

/* Remove Button */
.remove-inquiry {
    background-color: #dc3545 !important;
    color: white !important;
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    transition: background-color 0.3s ease !important;
}

.remove-inquiry:hover:not(:disabled) {
    background-color: #c82333 !important;
}

/* Inquiry Form Styles */
.inquiry-form {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    margin-top: 30px;
}

.inquiry-form h3 {
    margin-top: 0;
    color: #495057;
    border-bottom: 2px solid #d4a574;
    padding-bottom: 10px;
}

.inquiry-form label {
    font-weight: bold;
    color: #495057;
    margin-bottom: 5px;
    display: block;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"],
.inquiry-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

.inquiry-form input[type="text"]:focus,
.inquiry-form input[type="email"]:focus,
.inquiry-form input[type="tel"]:focus,
.inquiry-form textarea:focus {
    outline: none;
    border-color: #d4a574;
    box-shadow: 0 0 0 2px rgba(212, 165, 116, 0.2);
}

.inquiry-form input[type="submit"] {
    background-color: #d4a574 !important;
    color: white !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
}

.inquiry-form input[type="submit"]:hover {
    background-color: #c49660 !important;
}

/* Notification Styles */
.beer-inquiry-notification {
    position: relative;
    z-index: 9999;
    margin: 20px 0 !important;
    padding: 15px !important;
    border-radius: 4px !important;
    border-left: 4px solid !important;
    animation: slideIn 0.3s ease-out;
}

.beer-inquiry-notification.notice-success {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-left-color: #28a745 !important;
}

.beer-inquiry-notification.notice-error {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-left-color: #dc3545 !important;
}

.beer-inquiry-notification.notice-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-left-color: #ffc107 !important;
}

/* Notice Styles */
.notice {
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    border-left: 4px solid;
}

.notice-success {
    background-color: #d4edda;
    color: #155724;
    border-left-color: #28a745;
}

.notice-error {
    background-color: #f8d7da;
    color: #721c24;
    border-left-color: #dc3545;
}

.notice-warning {
    background-color: #fff3cd;
    color: #856404;
    border-left-color: #ffc107;
}

/* Animations */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.inquiry-table tr.removing {
    animation: fadeOut 0.3s ease-out forwards;
}

/* Responsive Design */
@media (max-width: 768px) {
    .beer-inquiry-page {
        padding: 10px;
    }
    
    .inquiry-table {
        font-size: 14px;
    }
    
    .inquiry-table th,
    .inquiry-table td {
        padding: 10px;
    }
    
    .product-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .quantity-controls {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .inquiry-form {
        padding: 20px;
    }
    
    .inquiry-quantity {
        width: 100px !important;
    }
    
    .inquiry-btn {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

/* Header Cart Styles */
.header-beer-inquiry {
    margin: 0 15px;
}

.beer-inquiry-header-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.beer-inquiry-header-link:hover {
    background-color: rgba(0,0,0,0.1);
    text-decoration: none;
}

.beer-inquiry-icon {
    font-size: 18px;
}

.beer-inquiry-text {
    font-weight: 500;
}

.beer-inquiry-count {
    background-color: #d4a574;
    color: white;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: bold;
}

.beer-inquiry-count.complete {
    background-color: #28a745;
}

.beer-inquiry-count.incomplete {
    background-color: #ffc107;
    color: #212529;
}

/* Menu Counter Styles */
.menu-inquiry a {
    font-weight: bold;
}

.inquiry-count {
    background-color: #d4a574;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 5px;
}

/* Inquiry Page Styles */
.beer-inquiry-page {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.inquiry-empty {
    text-align: center;
    padding: 40px 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.inquiry-empty p {
    font-size: 18px;
    color: #6c757d;
    margin-bottom: 20px;
}

.inquiry-empty a {
    background-color: #d4a574;
    color: white;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.inquiry-empty a:hover {
    background-color: #c49660;
}

/* Inquiry Table Styles */
.inquiry-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.inquiry-table th,
.inquiry-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #dee2e6;
}

.inquiry-table th {
    background-color: #f8f9fa;
    font-weight: bold;
    color: #495057;
}

.inquiry-table tbody tr:hover {
    background-color: #f8f9fa;
}

.inquiry-table tbody tr:last-child td {
    border-bottom: none;
}

/* Remove Button */
.remove-inquiry {
    background-color: #dc3545 !important;
    color: white !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    transition: background-color 0.3s ease !important;
}

.remove-inquiry:hover {
    background-color: #c82333 !important;
}

/* Inquiry Form Styles */
.inquiry-form {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    margin-top: 30px;
}

.inquiry-form h3 {
    margin-top: 0;
    color: #495057;
    border-bottom: 2px solid #d4a574;
    padding-bottom: 10px;
}

.inquiry-form label {
    font-weight: bold;
    color: #495057;
    margin-bottom: 5px;
    display: block;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

.inquiry-form input[type="text"]:focus,
.inquiry-form input[type="email"]:focus,
.inquiry-form textarea:focus {
    outline: none;
    border-color: #d4a574;
    box-shadow: 0 0 0 2px rgba(212, 165, 116, 0.2);
}

.inquiry-form input[type="submit"] {
    background-color: #d4a574 !important;
    color: white !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
}

.inquiry-form input[type="submit"]:hover {
    background-color: #c49660 !important;
}

/* Notice Styles */
.notice {
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    border-left: 4px solid;
}

.notice-success {
    background-color: #d4edda;
    color: #155724;
    border-left-color: #28a745;
}

.notice-error {
    background-color: #f8d7da;
    color: #721c24;
    border-left-color: #dc3545;
}

.container-specs{
  width:100%;
  border-collapse:collapse;
  margin:1em 0;
}
.container-specs th,
.container-specs td{
  border:1px solid #ccc;
  padding:6px 10px;
  text-align:left;
}
.container-specs thead th{
  background:#f6f6f6;
}


/* Responsive Design */
@media (max-width: 768px) {
    .inquiry-table {
        font-size: 14px;
    }
    
    .inquiry-table th,
    .inquiry-table td {
        padding: 10px;
    }
    
    .inquiry-form {
        padding: 20px;
    }
    
    .beer-inquiry-page {
        padding: 10px;
    }
}

/* Animation for removing items */
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.inquiry-table tr.removing {
    animation: fadeOut 0.3s ease-out forwards;
}


.beer-inquiry-notification {
	position: fixed;
	top: 60px;
}

.price {
    display: none !important;
}


.product-details.content-bg.entry-content-wrap {
    border-radius: 0 !important;
    width: 100%;
    margin: 0 !important;
    border-top: 2px solid #225387;
    background-color: #fffde9 !important;
    min-height: 110px;
}

.archive #inner-wrap:before, .single-product #inner-wrap:before {
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2025/09/hop_pattern.png);
    background-repeat: repeat-x;
    height: 35px;
    background-size: 120px 34px;
    margin-top: 5px;
}

.home #inner-wrap:before {
	background-image: none !important;
	margin-top: 0 !important;
	height: 0;
}

body.page:not(.home) #inner-wrap {
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2025/09/hop_pattern.png);
    background-repeat: repeat-x;
    background-size: 120px 34px;
    margin-top: 5px;
}

.home #site-navigation {
    margin-top: -45px !important;
}

.site-middle-footer-wrap {
    border-top: 2px solid #225387 !important;
}

.collapse-sub-navigation ul.menu li a {
	width: 50% !important;
}