Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/

forminator-ui input[type=radio]:checked {
  opacity: 1 !important;
  visibility: visible !important;
}
.forminator-ui input[type=radio]:checked {
  opacity: 1 !important;
  visibility: visible !important;
}
/* Base footer widget typography */
.site-footer .widget {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #FAFAF6;
}

/* Footer widget titles */
.site-footer .widget-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  color: #BDBDBD;
}
/* Footer widget text & links */
.site-footer .widget p,
.site-footer .widget li,
.site-footer .widget a {
  color: #FAFAF6;
}
/* ===============================
   NO-HOVER items (static text / info)
================================ */
.site-footer .no-hover,
.site-footer .no-hover a {
  color: #FFE082;
  pointer-events: none;
  cursor: default;
}

/* ===============================
   NORMAL footer menu links
================================ */
.site-footer .widget_nav_menu ul li a {
  color: #FAFAF6;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Hover only for clickable items */
.site-footer .widget_nav_menu ul li a:hover {
  color: #FFE082;
}


/* Link hover state - slightly darker */
.forminator-checkbox label a:hover {
    color: #FFD54F !important;
    text-decoration: none !important;
}

/* Visited link - same color */
.forminator-checkbox label a:visited {
    color: #FFE082 !important;
}
/* Fix footer widget alignment on mobile */
@media (max-width: 768px) {
  
  /* Force footer grid to single column on mobile */
  .site-footer .ast-builder-grid-row {
    display: block !important;
    grid-template-columns: 1fr !important;
    grid-column-gap: 0 !important;
  }
  
}
/* The Callout Box Style */
.brand-callout {
    border-left: 4px solid #BDBDBD; /* Subtle gray vertical line */
    border-radius: 2px;             /* Minimalist sharp corners */
    transition: border-color 0.3s ease;
}

/* Optional: Slight color change on hover to engage tech-savvy users */
.brand-callout:hover {
    border-left-color: #A67C00; /* Changes to Rich Honey Brown */
}

.brand-callout p {
    margin: 0;
    font-size: 15px;      /* Slightly smaller than main body text */
    color: #2C2C2C;       /* Deep Graphite */
    line-height: 1.5;
}
/* Premium Bottom Banner */
.bottom-banner {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 80px; /* Space from the content above */
}

.bottom-banner h3 {
    color: #FFE082 !important; /* Soft Gold for the heading */
    margin-bottom: 15px;
}

.bottom-banner p {
    font-size: 16px;
    opacity: 0.9; /* Slightly softer white for better readability */
}
/* Secondary/Outline Button Style */
.button.secondary, 
.wp-block-button__link.is-style-outline {
    background-color: transparent !important;
    color: #2C2C2C !important;
    border: 1px solid #BDBDBD !important;
    transition: all 0.3s ease;
}
/* Add spacing to the top of the content only when transparent header is active */
.ast-theme-transparent-header #content {
    padding-top: 100px; /* Adjust this value to match your header height */
}

/* Responsive adjustment for Mobile */
@media (max-width: 921px) {
    .ast-theme-transparent-header #content {
        padding-top: 80px; /* Usually a smaller height for mobile headers */
    }
}
.button.secondary:hover, 
.wp-block-button__link.is-style-outline:hover {
    background-color: #F5F5F5 !important;
    border-color: #2C2C2C !important;
    color: #000000 !important;
}
/* 1. Set a consistent, light outer border */
.minimal-delivery-table {
    border: 1px solid #E0E0E0 !important;
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    background-color: #FFFFFF !important; /* Ensures it pops against the FAFAF6 card */
}

/* 2. Apply horizontal lines only (Standardizes the 'List' look) */
.minimal-delivery-table td, 
.minimal-delivery-table th {
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 16px 15px !important;
    text-align: left;
}

/* 3. Remove the very top border of the first row (Header) so it doesn't double-up with the outer frame */
.minimal-delivery-table tr:first-child th,
.minimal-delivery-table tr:first-child td {
    border-top: none !important;
}

/* 4. Remove the very bottom border of the last row so it doesn't double-up */
.minimal-delivery-table tr:last-child td {
    border-bottom: none !important;
}

/* 5. Pricing Highlight */
.minimal-delivery-table td:last-child {
    text-align: right;
    color: #A67C00;
    font-weight: 700;
}
/* Standard State */
.woocommerce ul.products li.product {
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    transition: border-color 0.3s ease;
    background: #FAFAF6; /* Subtle Surface BG */
}

/* Hover State */
.woocommerce ul.products li.product:hover {
    border-color: #FFD54F;
}
/* 1. Set the initial state for the card */
.product-category, .ast-grid-common-col {
    border: 1px solid #E0E0E0 !important;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    background-color: #FAFAF6; /* Surface BG */
}

/* 2. Define the Hover State */
.product-category:hover, .ast-grid-common-col:hover {
    border-color: #FFD54F !important;
    background-color: #FFFFFF; /* Shifts to pure white on hover for "lift" */
    cursor: pointer;
}
/* Expand Language Switcher Hit Area */
.ast-header-language-switcher a, 
.language-switcher-container a {
    display: inline-block;
    padding: 12px 10px; /* Vertical padding ensures 44px total height */
    min-width: 44px;
    text-align: center;
    line-height: 1;
}

/* Ensure the container doesn't overlap other header elements */
.ast-header-language-switcher {
    display: flex;
    align-items: center;
}
/* Fix invisible yellow text on WooCommerce Thank You page */
.woocommerce-order-overview.woocommerce-thankyou-order-details li strong,
.woocommerce-order-overview.woocommerce-thankyou-order-details li {
    color: #333333 !important;
}

/* Make sure labels stay dark */
.woocommerce-order-overview.woocommerce-thankyou-order-details li::before {
    color: #666666 !important;
}
/* =============================================================
   UNIFIED BRAND FILTERS: CLEANED & OPTIMIZED
   ============================================================= */

/* 1. THE "CLEAR ALL" (RESET) BUTTON - Positioned at top */
html body .berocket_aapf_reset_button, 
html body .bapf_reset_button button {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 2px !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    cursor: pointer !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

html body .berocket_aapf_reset_button:hover {
    background-color: #2C2C2C !important;
    color: #FFFFFF !important;
}

/* 2. FILTER GROUP TITLES (The Sub-labels) */
.berocket_single_filter_widget h3, 
.berocket_aapf_group_filter_title h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #2C2C2C !important;
    border-bottom: 1px solid #E0E0E0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    background: transparent !important;
}

/* 3. CLEAN CHECKBOX (Fixes Double Selector Issue) */
.bapf_ckbox input[type="checkbox"] {
    display: none !important; /* Hides the native browser checkbox */
}

.bapf_ckbox label::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #BDBDBD !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
    vertical-align: middle !important;
    margin-right: 12px !important;
    transition: all 0.2s ease !important;
}

/* 4. ACTIVE CHECKBOX (Brand Primary Fill) */
.bapf_ckbox input[type="checkbox"]:checked + label::before {
    background-color: #FFD54F !important;
    border-color: #FFD54F !important;
}

/* 5. CHECKMARK ICON */
.bapf_ckbox input[type="checkbox"]:checked + label::after {
    content: "✓" !important;
    color: #2C2C2C !important;
    font-size: 14px !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    font-weight: 900 !important;
}

/* 6. FILTER ITEM TEXT */
.bapf_body label, .bapf_body a {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #2C2C2C !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* 7. WIDGET SPACING */
.berocket_single_filter_widget {
    margin-bottom: 40px !important;
}
/* =============================================================
   FOOTER: TITLES & MOBILE ALIGNMENT FIX
   ============================================================= */

/* 1. Underline footer column titles for better hierarchy */
.site-footer .widget-title {
    display: inline-block !important;
    border-bottom: 2px solid #FFD54F !important; /* Brand Yellow underline */
    padding-bottom: 6px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 2. Fix Mobile Alignment (The "Staggered" Left Margin) */
@media (max-width: 921px) {
    /* Target the container row to reset alignment */
    .site-footer .ast-builder-grid-row {
        padding-left: 20px !important; 
        padding-right: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important; /* Force all items to the left */
        gap: 40px !important;
    }

    /* Reset individual widget margins to zero so they align perfectly */
    .site-footer .widget,
    .site-footer .footer-widget-area {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    
    /* Ensure the "Legal" and "Support" headings align with "Info" */
    .site-footer .widget-title {
        margin-left: 0 !important;
    }
}
/* 1. Fix Icon Overlap & Alignment */
.woocommerce-message, 
.woocommerce-info {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 0 !important; /* Increased vertical breathing room */
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #E0E0E0 !important; /* Thin, soft divider */
}

/* 2. Style and Reposition the Icon */
.woocommerce-message::before, 
.woocommerce-info::before {
     /* Disables the absolute overlap */
    margin-right: 12px !important; /* Space between icon and text */
    color: #757575 !important; /* Muted secondary text color */
    font-size: 1.1em !important;
    content: "\e015" !important; /* Minimalist checkmark */
}

/* 3. Handle the 'No products found' specific state */
/* Removing the icon here makes it even more minimal for empty states */
.woocommerce-info::before {
    content: "" !important; 
    margin: 0 !important;
}

/* 4. Fine-tune the Undo link */
.woocommerce-message .restore-item {
    margin-left: auto !important; /* Pushes 'Undo' to the far right for a cleaner look */
    color: #2C2C2C !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    font-size: 0.9em;
}

/* 5. Space out the Empty Cart message and Button */
p.cart-empty {
    margin-bottom: 32px !important;
    font-size: 18px;
    color: #2C2C2C;
}
/* 1. Общий фон страницы чекаута */
.woocommerce-checkout {
    background-color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    color: #2C2C2C;
}

/* 2. Поля ввода - Минимализм */
.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"], 
.woocommerce-checkout textarea, 
.woocommerce-checkout select {
    background-color: #FAFAF6 !important; /* Ваш Surface BG */
    border: 1px solid #E0E0E0 !important; /* Ваш Border color */
    border-radius: 2px !important; /* Строго 2px */
    padding: 12px 15px !important;
    color: #2C2C2C !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}

/* Фокус на поле */
.woocommerce-checkout input:focus {
    border-color: #FFD54F !important; /* Primary Gold при клике */
    outline: none;
}

/* 3. Заголовки разделов */
body.woocommerce-checkout h3 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 18px;
    border-bottom: 2px solid #FFD54F; /* Акцентная линия под заголовком */
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* Главная кнопка оформления заказа */
#place_order {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 20px !important;
    font-size: 18px !important;
    border-radius: 2px !important;
    width: 100% !important; /* На мобильных должна быть на весь экран */
    transition: transform 0.1s ease;
}

#place_order:hover {
    background-color: #f7c93d !important;
    transform: translateY(-1px);
}
.boxnow-error-msg {
    display: block !important;
    background-color: #FFF5F5 !important; 
    color: #C53030 !important; 
    border: 2px solid #C53030 !important; /* Сделаем рамку ярче для теста */
    padding: 20px !important;
    border-radius: 2px !important;
    margin: 20px 0 !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    clear: both !important;
    width: 100% !important;
}
/* 1. Сброс плавающих меток Astra */
.woocommerce-checkout .form-row label {
    position: relative !important;
    display: block !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2C2C2C !important; /* Ваш основной текст */
    margin-bottom: 5px !important;
    padding: 0 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}

/* 2. Настройка полей ввода */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row select, 
.woocommerce-checkout .form-row textarea {
    background-color: #FAFAF6 !important; /* Ваш Surface BG */
    border: 1px solid #E0E0E0 !important;
    border-radius: 2px !important;
    padding: 12px 15px !important;
    color: #2C2C2C !important;
    height: 48px !important; /* Фиксированная высота для стабильности */
    font-size: 16px !important;
}

/* 3. Убираем лишние отступы внутри контейнеров Astra */
.ast-floating-placeholder .woocommerce-checkout .form-row {
    padding-top: 0 !important;
}
/* 1. Нацеливаемся на сам элемент выбора карты */
#wc-stripe-payment-token, 
.woocommerce-checkout select#wc-stripe-payment-token {
    display: block !important;
    height: 55px !important; /* Увеличиваем высоту еще больше */
    min-height: 55px !important;
    line-height: 35px !important; /* Центрируем текст по вертикали */
    padding: 10px 15px !important;
    font-size: 16px !important;
    color: #2C2C2C !important;
    background-color: #FAFAF6 !important;
    border: 1px solid #E0E0E0 !important;
    appearance: menulist !important; /* Возвращаем стандартную стрелочку для кликабельности */
    -webkit-appearance: menulist !important;
}

/* 2. Если Astra использует контейнер-обертку для Stripe */
.wc-stripe-saved-methods-container select,
.wc-stripe-saved-payment-methods select {
    padding: 12px !important;
    height: 55px !important;
    line-height: 1.5 !important;
}

/* 3. Убираем "схлопывание" контейнера */
.woocommerce-checkout .form-row select.select {
    padding: 0 15px !important;
}

/* 4. Принудительно задаем цвет текста (на случай если он белый на белом) */
#wc-stripe-payment-token option {
    color: #2C2C2C !important;
    background: #FFFFFF !important;
}
/* Контейнер для кнопки возврата */
.thankyou-button-wrapper {
    margin-top: 40px !important;
    margin-bottom: 60px !important; /* Увеличиваем отступ до футера */
    text-align: center !important;
    clear: both !important;
}

/* Стилизация самой кнопки */
.continue-shopping-btn {
    background-color: #FFD54F !important; /* Ваш желтый акцент */
    color: #2C2C2C !important;
    padding: 16px 40px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 2px !important;
    transition: all 0.3s ease-in-out !important;
    display: inline-block !important;
    border: none !important;
}

.continue-shopping-btn:hover {
    background-color: #f7c93d !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
}
.woocommerce-notice--success {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    display: block !important;
}
/* Исправление сетки в сером блоке на странице Thank You */
.woocommerce-thankyou-order-details {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    background-color: #f1f1f1 !important; /* Ваш серый фон */
    padding: 25px !important;
    border-radius: 2px !important;
    list-style: none !important;
    margin: 20px 0 40px 0 !important;
}

.woocommerce-thankyou-order-details li {
    flex: 1 1 200px !important; /* Даем каждому элементу равную ширину */
    margin-bottom: 20px !important;
    border-right: 1px solid #d3d3d3 !important; /* Разделительные линии */
    padding: 0 20px !important;
    font-size: 14px !important;
    text-transform: none !important;
    color: #757575 !important;
}

.woocommerce-thankyou-order-details li:last-child {
    border-right: none !important;
}

.woocommerce-thankyou-order-details li strong {
    display: block !important;
    color: #2C2C2C !important;
    font-size: 16px !important;
    margin-top: 5px !important;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .woocommerce-thankyou-order-details li {
        flex: 1 1 500%;
        border-right: none !important;
        border-bottom: 1px solid #d3d3d3 !important;
        padding: 10px 0 !important;
    }
    .woocommerce-thankyou-order-details li:last-child {
        border-bottom: none !important;
    }
}
/* Полный сброс ограничений ширины для BoxNow */
.plugin-boxnow-map #boxnow-selected-locker-info {
    width: 100% !important;
    max-width: 100% !important; /* Убираем лимит ширины */
    min-width: 100% !important;
    display: block !important; /* Отменяем inline-block */
    margin: 20px 0 !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Центрируем текст внутри бокса */
.plugin-boxnow-map #boxnow-selected-locker-info span,
.plugin-boxnow-map #boxnow-selected-locker-info b {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Стилизация кнопки "Pick a locker" согласно инструкции плагина */
.plugin-boxnow-map .button-to-open-map {
    background-color: #2C2C2C !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    margin: 10px auto !important;
    display: table !important; /* Центрирует кнопку как блок */
}
/* Выравнивание серой таблицы на странице Thank You */
.woocommerce-thankyou-order-details {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 20px !important;
    justify-content: space-between !important;
}

.woocommerce-thankyou-order-details li {
    flex: 1 !important;
    border-right: 1px solid #ccc !important;
    padding: 10px 20px !important;
    list-style: none !important;
    text-align: left !important;
}

.woocommerce-thankyou-order-details li:last-child {
    border-right: none !important;
}

.woocommerce-thankyou-order-details li strong {
    display: block !important;
    margin-top: 8px !important;
    font-size: 16px !important;
}
/* Gap between Change button and locker info box */
#box_now_delivery_button {
    display: inline-block !important;
    margin-bottom: 15px !important;
}

/* Fix Croatian locker box alignment */
#locker-info {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Kadence WooCommerce email order table fix */
.woocommerce-order-items td.product-name,
.order_items td:first-child {
    width: 60% !important;
    min-width: 180px !important;
    word-break: break-word !important;
}
/* Product Card Container */
.woocommerce ul.products li.product {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    padding: 20px;
    border-radius: 0px;
    transition: border-color 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    border-color: #BDBDBD;
}

/* Product Image Background */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    background-color: #FAFAF6;
    margin: -20px -20px 15px -20px;
    padding: 20px;
}

/* Typography Hierarchy */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: #2C2C2C;
    margin-bottom: 8px;
    line-height: 1.4;
}
/* Price Styling */
.woocommerce ul.products li.product .price {
    color: #A67C00 !important;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 15px;
}

/* Primary Button (Add to Cart) */
.woocommerce ul.products li.product .button {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    font-weight: 700;
    border-radius: 2px !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding: 12px 20px;
    border: none;
    width: 100%;
    text-align: center;
}

/* Secondary Info (DoC & Specs) */
.product-card-meta {
    font-size: 0.8rem;
    color: #757575;
    margin-bottom: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.doc-link {
    text-decoration: underline;
    color: #757575;
    cursor: pointer;
}
/* Container for the technical metadata */
.product-card-meta {
    display: block;
    margin: 8px 0 12px 0; /* Space between Title and Price */
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #757575;
    line-height: 1.4;
    clear: both;
}

/* Link styling: Subtle and professional */
.product-card-meta .tech-link {
    color: #757575 !important;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.2s ease;
}

.product-card-meta .tech-link:hover {
    color: #2C2C2C !important; /* Darkens on hover for feedback */
    text-decoration: underline;
}

/* Minimalist divider styling */
.product-card-meta .meta-divider {
    margin: 0 8px;
    color: #E0E0E0;
    font-weight: 300;
}

/* Ensure these links never float over images/icons */
.astra-shop-thumbnail-wrap .product-card-meta {
    display: none !important;
}
/* Primary Button: Add to Cart */
.woocommerce div.product .button, 
.woocommerce ul.products li.product .button,
.woocommerce-page .button.alt {
    background-color: #FFD54F !important; /* Brand Primary */
    color: #2C2C2C !important;            /* Text Primary */
    border-radius: 2px !important;        /* Brand Radius */
    font-family: 'Inter', sans-serif;                    /* Heading Weight */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 24px;
    border: none;
    transition: background-color 0.3s ease;
}

/* Primary Button Hover State */
.woocommerce div.product .button:hover, 
.woocommerce ul.products li.product .button:hover {
    background-color: #f7c93d !important; /* Slightly darker yellow for feedback */
}

/* Secondary Button (if used for "Details" or "Read More") */
.woocommerce ul.products li.product .button.secondary {
    background: transparent !important;
    border: 1px solid #BDBDBD !important; /* Brand Secondary Style */
    color: #2C2C2C !important;
    border-radius: 2px !important;
}
.product-card-meta {
    margin-top: 15px; /* Adds space above the 'Dokumentacija' title */
    border-top: 1px solid #f0f0f0; /* Optional: adds a very faint minimalist line separator */
    padding-top: 10px;
}
/* 1. PRIMARY ACTION: Add to Cart Buttons */
.woocommerce div.product .button, 
.woocommerce ul.products li.product .button,
.woocommerce-page .button.alt {
    background-color: #FFD54F !important; /* Brand Primary */
    color: #2C2C2C !important;            /* Text Primary */
    border-radius: 2px !important;        /* Brand Radius */
    font-family: 'Inter', sans-serif;
    font-weight: 700;                     /* Heading Weight */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 24px;
    border: none;
    transition: background-color 0.3s ease;
}

.woocommerce div.product .button:hover, 
.woocommerce ul.products li.product .button:hover {
    background-color: #f7c93d !important; /* Subtle hover feedback */
}

/* 2. COMPLIANCE SECTION: Technical File Links */
.product-card-meta {
    margin-top: 15px; 
    border-top: 1px solid #f0f0f0; 
    padding-top: 10px;
}

.product-card-meta .tech-link {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #757575 !important;
    text-decoration: none;
}

.product-card-meta .tech-link:hover {
    color: #2C2C2C !important;
    text-decoration: underline;
}

/* 3. ACCORDION TABS: Overview, Compatibility, Installation */
/* Tab Header & Brand Yellow Icon */
.ast-accordion-header .ast-accordion-title {
    font-family: 'Inter', sans-serif;
    color: #2C2C2C !important;
    font-size: 14px;
}

.ast-accordion-header .ast-accordion-toggle-icon {
    color: #FFD54F !important; /* Brand Yellow Icon */
    font-size: 18px;
}

/* Tab Content Typography */
.tech-tab-content {
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;   /* Technical data sizing */
    color: #757575 !important;    /* Secondary grey */
    line-height: 1.6;
}

.tech-tab-content p, 
.tech-tab-content li {
    color: #757575 !important;
}

/* Headings inside Tabs */
.tech-tab-content h2, 
.tech-tab-content h3 {
    font-weight: 700;
    color: #2C2C2C !important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* Styling for Installation Diagrams */
.installation-diagram img {
    display: block;
    margin: 10px 0;
    /* Keeps the image crisp and aligned with your 2px brand radius */
    border-radius: 2px !important; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* Clean up the Additional Information table */
.woocommerce-product-attributes {
    border: none !important;
    font-family: 'Inter', sans-serif;
}

.woocommerce-product-attributes-item__label {
    background: transparent !important;
    color: #2C2C2C !important;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0 !important;
    width: 30%;
}

.woocommerce-product-attributes-item__value {
    color: #757575 !important;
    font-size: 13px;
    padding: 10px 0 !important;
}
/* Product Loop Labels (Category/By Device) */
.woocommerce ul.products li.product .ast-loop-product__category,
.woocommerce ul.products li.product .posted_in {
    color: #A0A0A0 !important; /* Soften the secondary info */
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px !important;
    display: block;
}

/* Product Titles in Grid */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #2C2C2C !important; /* Strong primary text */
    font-weight: 700 !important;
    font-size: 15px !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins {
    color: #A67C00 !important; /* Your Rich Honey Brown */
    font-weight: 700 !important;
    text-decoration: none !important;
}
/* Button Hover State */
.woocommerce ul.products li.product .button:hover {
    background-color: #F7C93D !important; /* Slightly deeper yellow on hover */
    color: #2C2C2C !important;
}
/* 1. Force the entire card to a single white background */
.woocommerce ul.products li.product {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important; /* Soft minimalist border */
    padding: 20px !important;
    display: flex;
    flex-direction: column;
}

/* 2. Remove the grey background from the image container */
.astra-shop-thumbnail-wrap, 
.woocommerce-loop-product__link {
    background: transparent !important;
    background-color: transparent !important;
}

/* 3. Hide 'By Device' if the PHP hook didn't catch it */
.ast-loop-product__category, 
.posted_in {
    display: none !important;
}

/* 4. Align text and price for a clean vertical stack */
.woocommerce-loop-product__title {
    margin-top: 15px !important;
    color: #2C2C2C !important; /* Premium Charcoal */
}
.price {
    margin-bottom: 20px !important;
    color: #A67C00 !important;
    font-weight: 700 !important;
}
/* Make Add to Cart buttons full-width in the shop grid */
.woocommerce ul.products li.product .button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 15px !important;
    padding: 12px 0 !important; /* Slightly taller for a premium touch */
    background-color: #FFD54F !important; /* Brand Yellow */
    color: #2C2C2C !important;
    border-radius: 2px !important; /* Brand Radius */
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Ensure the price sits comfortably above the wider button */
.woocommerce ul.products li.product .price {
    display: block !important;
    margin-bottom: 10px !important;
}

/* Hover effect for a more interactive feel */
.woocommerce ul.products li.product .button:hover {
    background-color: #f7c93d !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* Style the Technical Specs Table */
.woocommerce-product-attributes {
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 20px !important;
}

.woocommerce-product-attributes-item {
    border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-product-attributes-item__label {
    width: 35% !important; /* Fixed width for alignment */
    background-color: transparent !important;
    color: #2C2C2C !important; /* Brand Charcoal */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 15px 0 !important;
}

.woocommerce-product-attributes-item__value {
    color: #757575 !important; /* Secondary Grey */
    font-style: normal !important;
    padding: 15px 0 !important;
}

/* Remove "N/A" or empty rows if they exist */
.woocommerce-product-attributes-item--none {
    display: none !important;
}
/* Light grey bar with yellow accent icon */
.ast-accordion-header {
    background-color: #f9f9f9 !important;
    border: 1px solid #eeeeee !important;
    margin-bottom: 5px !important;
    transition: all 0.3s ease;
}

.ast-accordion-header:hover {
    background-color: #f0f0f0 !important;
}

.ast-accordion-header .ast-accordion-title {
    color: #2C2C2C !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Make the plus icons your brand yellow */
.ast-accordion-header .ast-accordion-icon {
    color: #FFD54F !important;
}



/* 3. MOBILE GRID & UNDERLINE FIX */
@media screen and (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr; /* Clean 2-column layout */
        gap: 10px;
        padding: 10px !important;
    }

    .woocommerce-MyAccount-navigation-link {
        background: #FFFFFF;
        border: 1px solid #E0E0E0 !important;
        border-radius: 2px;
    }

    .woocommerce-MyAccount-navigation-link a {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 20px 10px !important;
        font-size: 13px;
        color: #757575 !important;
    }

    /* Active State for Mobile - No Borders to avoid "Double Line" */
    .woocommerce-MyAccount-navigation-link.is-active {
        background-color: #FAFAF6 !important;
        border: 1px solid #FFD54F !important; /* Border around the whole card */
    }

    .woocommerce-MyAccount-navigation-link.is-active a {
        color: #2C2C2C !important;
        font-weight: 700 !important;
    }
    
    /* Specific Icon Spacing for Mobile Grid */
    .woocommerce-MyAccount-navigation-link i,
    .woocommerce-MyAccount-navigation-link svg {
        margin-bottom: 8px;
        margin-right: 0 !important;
    }
}

/* 4. USER WELCOME SECTION */
.woocommerce-MyAccount-navigation .user-profile {
    padding: 20px;
    margin-bottom: 10px;
}
/* Ensure the avatar is circular and centered */
.woocommerce-MyAccount-navigation img, 
.woocommerce-MyAccount-navigation .avatar {
    border-radius: 50% !important;
    margin: 0 auto 15px auto !important;
    display: block;
    border: 2px solid #E0E0E0;
}

/* Style the Welcome Text */
.woocommerce-MyAccount-navigation .user-profile,
.woocommerce-MyAccount-navigation p {
    font-size: 18px;
    color: #2C2C2C;
    line-height: 1.4;
}

/* 2. THE "DOUBLE LINE" & "TWO DOTS" KILLER */
/* Strips all Astra/WooCommerce default decorative elements */
.woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link a::after,
.woocommerce-MyAccount-navigation-link a::before,
.woocommerce-MyAccount-paymentMethods td::before {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    content: none !important; /* Fixes both the double line and the shifted dots */
}


/* 4. MOBILE GRID & ALIGNMENT FIX */
@media screen and (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100%;
    }

    .woocommerce-MyAccount-navigation-link {
        background: #FFFFFF !important;
        border: 1px solid #E0E0E0 !important;
        margin: 0 !important; /* Prevents row shifting/'dirt' */
    }

    .woocommerce-MyAccount-navigation-link a {
        display: flex !important;
        flex-direction: column !important;
        padding: 20px 10px !important;
        font-size: 13px !important;
    }

    /* Active Card Highlight for Mobile */
    .woocommerce-MyAccount-navigation-link.is-active {
        border: 1px solid #FFD54F !important;
        background-color: #FAFAF6 !important;
    }
}
/* 1. LOCK HEADER HEIGHT - Prevents expanding on click */
/* This targets the yellow secondary header container */
.ast-header-break-point .secondary-header-bar,
.secondary-header-bar {
    max-height: 60px !important; /* Forces the slim view */
    height: 60px !important;
    overflow: hidden !important; /* Prevents cart text from expanding the bar */
    display: flex !important;
    align-items: center !important;
    transition: none !important; /* Stops the 'jumping' animation */
}

/* 2. HIDE DYNAMIC CART MESSAGES - Removes the 'No products' shift */
/* This removes the text responsible for the layout shift in image_8918ad.png */
.ast-site-header-cart-data,
.ast-header-woo-cart .ast-cart-menu-wrap .ast-site-header-cart-data,
.secondary-header-bar .widget_shopping_cart_content .total,
.secondary-header-bar .widget_shopping_cart_content .buttons {
    display: none !important;
}

/* 3. ALIGN SHOP & SEARCH - Keeps them on one line */
.secondary-header-bar .ast-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
}

/* Ensure the Shop button doesn't trigger a container height change */
.secondary-header-bar .menu-item-has-children {
    line-height: 1 !important;
    height: auto !important;
}

/* 4. CLEAN SEARCH BAR - Minimalist focus */
.ast-header-search .ast-search-menu-item .search-form {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
/* 
/* Fix for overlapping icons in WooCommerce notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    display: flex !important;
    align-items: center !important;
    padding-left: 3.5em !important; /* Creates a safe gutter for the icon */
    position: relative;
}

.woocommerce-message::before, .woocommerce-info::before {
    position: absolute !important;
    left: 1.2em !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important; /* Removes default margins that cause shifting */
}
/* =============================================================
   FORCE MINIMALIST TABLE VIEW (No Double Borders)
   ============================================================= */

/* Remove the outer container frame and double borders */
.woocommerce-tabs .woocommerce-product-attributes {
    border: none !important;
    margin: 20px 0 !important;
    background: transparent !important;
    width: 100% !important;
}

/* Create clean horizontal dividers */
.woocommerce-tabs .woocommerce-product-attributes-item {
    display: flex !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #eeeeee !important; /* The ONLY horizontal line */
    background: transparent !important;
}

/* Style the Label (1st Column) */
.woocommerce-tabs .woocommerce-product-attributes-item__label {
    width: 35% !important;
    padding: 15px 0 !important; /* Removed side padding to align with accordion edge */
    background: transparent !important; /* Force remove the grey background */
    color: #2C2C2C !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: none !important;
    border-right: 1px solid #eeeeee !important; /* The ONLY vertical line */
    text-align: left !important;
}

/* Style the Value (2nd Column) */
.woocommerce-tabs .woocommerce-product-attributes-item__value {
    width: 65% !important;
    padding: 15px 0 15px 25px !important; /* Pushes text away from the center line */
    color: #666666 !important;
    font-size: 13px !important;
    background: transparent !important;
    border: none !important;
}

/* Remove bottom border on the last row */
.woocommerce-tabs .woocommerce-product-attributes-item:last-child {
    border-bottom: none !important;
}
/* =============================================================
   REVIEWS & FEEDBACK TAB MODERNIZATION
   Matches the sleek Tech Boutique look from image_520fff.png
   ============================================================= */

/* 1. Header & Title Spacing */
#reviews #comments {
    margin-bottom: 35px;
}

.woocommerce-Reviews-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2C2C2C !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 25px !important;
}

/* 2. Rating Stars Styling */
.comment-form-rating label {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px;
    color: #2C2C2C;
    margin-bottom: 10px !important;
    display: block;
}

.stars a {
    color: #FFD54F !important; /* Brand Yellow stars */
}

/* 3. Form Field (Textarea) Modernization */
#review_form .comment-form-comment textarea {
    border: 1px solid #E0E0E0 !important;
    background-color: #FAFAF6 !important; /* Surface BG */
    border-radius: 2px !important;
    padding: 18px !important;
    font-size: 14px;
    color: #2C2C2C;
    transition: all 0.2s ease;
}

#review_form .comment-form-comment textarea:focus {
    border-color: #FFD54F !important; /* Yellow highlight on focus */
    background-color: #ffffff !important;
    outline: none;
}

/* 4. The "Pošalji" Submit Button */
#review_form #submit {
    background-color: #FFD54F !important; /* Brand Yellow */
    color: #2C2C2C !important;
    border: none !important;
    padding: 14px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    border-radius: 2px !important;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#review_form #submit:hover {
    background-color: #f7c93d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 768px) {
    #review_form #submit {
        width: 100% !important; /* Full width button on mobile */
    }
}
/* Align WooCommerce Sorting to Brand Specs */
.woocommerce .woocommerce-ordering select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0; /* Border Color Spec */
    border-radius: 2px; /* Brand Radius Spec */
    color: #2C2C2C; /* Primary Text Spec */
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 32px 8px 12px;
    cursor: pointer;
    line-height: 1.5;
    outline: none;
    transition: border-color 0.2s ease;
    
    /* Custom Minimalist Arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%232C2C2C' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* Hover & Focus States */
.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus {
    border-color: #BDBDBD;
}

/* Mobile Alignment Fix */
@media (max-width: 768px) {
    .woocommerce .woocommerce-ordering {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .woocommerce .woocommerce-ordering select {
        width: 100%;
    }
}
/* 3. Dashboard Welcome Box Cleanup */
.woocommerce-MyAccount-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #2C2C2C;
}
/* 
/* 5. Clean Buttons for Account Section */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .edit {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    padding: 10px 20px !important;
    border-radius: 2px !important;
    font-size: 12px;
    display: inline-block;
}
/* 6. Mobile Responsiveness */
@media (max-width: 921px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        margin-bottom: 30px;
    }
}
/* 2. Individual Tab Styling */
.woocommerce-MyAccount-navigation ul li a {
    font-size: 14px !important;
    letter-spacing: 0.3px;
    color: #757575 !important; /* Muted when not active */
    padding: 12px 15px !important;
    border-radius: 4px; /* Soften the inner hover box */
    margin-bottom: 4px;
}

/* 3. Hover Effect */
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #FFFFFF !important;
    color: #2C2C2C !important;
}

/* 4. Refined Active State */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #FFFFFF !important;
    color: #2C2C2C !important;
    font-weight: 700 !important;
    border-left: 4px solid #FFD54F !important;
    /* Remove negative margin from previous fix to keep layout stable */
    margin-left: 0 !important; 
    padding-left: 11px !important; 
}

/* 5. Icon Spacing */
.woocommerce-MyAccount-navigation ul li a::before {
    margin-right: 15px !important;
    font-size: 18px !important;
    opacity: 0.8;
}
/* Welcome Card Container */
.user-welcome-card {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    padding: 30px;
    margin-bottom: 40px;
}

.welcome-header h2 {
    font-size: 1.4rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px !important;
    color: #2C2C2C;
}

.welcome-header p {
    color: #757575;
    font-size: 0.95rem;
    margin-bottom: 25px !important;
}
/* FINAL OVERRIDE: SYNC ACCOUNT & PRODUCT MENUS */
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a,
.ast-accordion-header .ast-accordion-title {
    font-family: inherit !important; /* Uses Customizer Font */
    font-weight: 400 !important;     /* Standardizes to Regular */
    font-size: 15px !important;      /* Standardizes to 15px */
    text-transform: none !important; /* Removes forced CAPS */
    letter-spacing: normal !important;
}

/* KEEP ACTIVE PAGE BOLD FOR NAVIGATION */
.woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: 700 !important;
    color: #2C2C2C !important;
}
/* STEP 1: ADD OUTER BORDER TO ACCOUNT SUBMENU */
.ast-header-account-menu-wrap .ast-account-nav-menu,
.ast-header-account-menu-wrap .sub-menu,
.ast-header-account-menu-wrap ul.sub-menu {
    border: 1px solid #E0E0E0 !important; /* Your requested color and width */
    background-color: #FFFFFF !important; /* Ensures the box is solid white */
    padding: 0 !important;                /* Removes Astra's default inner spacing */
    box-shadow: none !important;           /* Optional: removes glow for a flat look */
}
/* =============================================
   USER ACCOUNT MENU
   ============================================= */

/* Base link style */
#ast-hf-account-menu .menu-link {
    color: rgb(44,44,44) !important;
    font-weight: 400 !important;
    background-color: rgb(255,255,255) !important;
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 0 20px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid #E0E0E0 !important;
    margin-bottom: -1px !important;
    transition: color 0.2s ease, background-color 0.2s ease !important;
}

/* Last item — no bottom border overlap */
#ast-hf-account-menu .menu-item:last-child .menu-link {
    border-bottom: 1px solid #E0E0E0 !important;
    margin-bottom: 0 !important;
}

/* Hover state */
#ast-hf-account-menu .menu-item:hover > .menu-link {
    color: #A67C00 !important;
    background-color: #FAFAF6 !important;
    font-weight: 400 !important;
}

/* Active/current item */
#ast-hf-account-menu .woocommerce-MyAccount-navigation-link.is-active > .menu-link {
    color: #A67C00 !important;
    font-weight: 400 !important;
    background-color: #FAFAF6 !important;
    border-right: none !important;
    border-left: 2px solid #A67C00 !important;
}

/* Container */
#ast-hf-account-menu {
    background: transparent !important;
    border: 1px solid #E0E0E0 !important;
    padding: 0 !important;
    min-width: 225px !important;
}
/* 3. DESKTOP NAVIGATION STYLING */
@media screen and (min-width: 769px) {
    .woocommerce-MyAccount-navigation ul {
        width: 100%;
        list-style: none !important;
        padding: 0 !important;
    }

    .woocommerce-MyAccount-navigation-link.is-active {
        background-color: #FAFAF6 !important;
    }
    
    .woocommerce-MyAccount-navigation-link a {
        padding: 15px 20px !important;
        color: #757575 !important;
        display: block;
        transition: 0.2s;
    }

    .woocommerce-MyAccount-navigation-link.is-active a {
        color: #2C2C2C !important;
        font-weight: 700 !important;
    }
}
.stat-link {
    white-space: nowrap;           /* Keeps the arrow and text on one line */
    font-size: 12px !important;    /* Adjust if the Croatian text is too long */
}
.error-page-actions {
  display: none;
}
/* 1. Force the grid to be horizontal with 3 equal columns */
.welcome-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 equal widths */
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important;
    margin-top: 25px !important;
}

/* 2. Fix the individual boxes */
.welcome-stats-grid .stat-box {
    display: flex !important;
    flex-direction: column !important; /* Icon on top, text below */
    align-items: center !important;    /* Center content horizontally */
    justify-content: center !important; /* Center content vertically */
    text-align: center !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid #E0E0E0 !important;
    text-decoration: none !important;
    min-height: 160px !important;      /* Ensures boxes aren't too flat */
    transition: all 0.3s ease !important;
}

/* 3. Icon and Text Spacing */
.stat-icon {
    font-size: 32px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.stat-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.stat-label {
    font-weight: 700 !important;
    color: #2C2C2C !important;
    font-size: 16px !important;
    display: block !important;
}

.stat-link {
    font-size: 12px !important;
    color: #A67C00 !important; /* Your brand gold color */
    font-weight: 600 !important;
}
/* 1. Force the wrapper to act as a container */
.woocommerce-billing-fields__field-wrapper, 
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
    display: block !important;
    width: 100% !important;
}

/* 2. Force every field to be a block first, then assign widths */
.form-row {
    display: block !important;
    float: left !important; /* Traditional layout for better Astra compatibility */
    margin-right: 0 !important;
    padding: 0 10px 15px 0 !important; /* Space between fields */
    box-sizing: border-box !important;
}

/* 3. SET PRECISE WIDTHS */
/* Full Width Fields (Country, County, Email) */
#billing_country_field, #shipping_country_field, 
#billing_state_field, #shipping_state_field,
#billing_email_field { 
    width: 100% !important; 
    clear: both !important;
}

/* 50/50 Split (Names, Phone) */
#billing_first_name_field, #billing_last_name_field,
#billing_phone_field { 
    width: 50% !important; 
}

/* 70/30 Split (Street / Apartment) */
#billing_address_1_field { width: 70% !important; }
#billing_address_2_field { width: 30% !important; }

/* 60/40 Split (City / Postcode) */
#billing_city_field { width: 60% !important; }
#billing_postcode_field { width: 40% !important; }

/* 4. THE SELECT2 FIX (The Country Dropdown) */
/* This is likely why it is still shrunken */
span.select2-container {
    width: 100% !important;
    display: block !important;
}

.select2-selection--single {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #E0E0E0 !important;
}

/* 5. Mobile Override */
@media (max-width: 600px) {
    .form-row { width: 100% !important; padding-right: 0 !important; }
}
/* 3. FIX LABEL & INPUT STACKING */
.woocommerce-form-login .form-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}
/* 5. REGISTER SECTION (CLEAN DIVIDER) */
.u-column2.col-2 {
    margin-top: 40px !important;
    padding-top: 25px !important;
    border-top: 1px solid #E0E0E0 !important;
    text-align: center !important;
}

.u-column2 h2 {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #757575 !important;
    margin-bottom: 15px !important;
}
/* Align Checkbox and Label */
.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px; /* Space between box and text */
    margin: 0 !important;
    cursor: pointer;
}

.woocommerce-form__input-checkbox {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #E0E0E0 !important;
}
/* Change Autofill Background to Brand Surface Color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #2C2C2C !important;
    -webkit-box-shadow: 0 0 0px 1000px #FAFAF6 inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
/* =========================================
   FINAL REFINED LOGIN & REGISTER
   ========================================= */
/* Login page only — do NOT apply to My Account dashboard */
#customer_login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 420px !important;
    margin: 40px auto !important;
}

/* Reset column floats on LOGIN page only */
.woocommerce-page.woocommerce-account:not(.logged-in) .u-column1.col-1,
.woocommerce-page.woocommerce-account:not(.logged-in) .u-column2.col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}
/* Fix Remember Me & Lost Password Row */
.woocommerce-form-login .form-row:nth-child(3) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin: 10px 0 25px 0 !important;
}

/* Force Checkbox and Label to stay on one line */
.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

/* Primary Login Button */
button[name="login"] {
    width: 100% !important;
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    padding: 16px !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
    border: none !important;
}

/* Autofill Background Fix */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FAFAF6 inset !important;
}

/* Register Section Divider */
.u-column2.col-2 {
    margin-top: 50px !important;
    padding-top: 30px !important;
    border-top: 1px solid #E0E0E0 !important;
    text-align: center !important;
}
/* Fix Remember Me row alignment */
.woocommerce-form-login .form-row.form-row-wide.woocommerce-form__input-wrapper,
.woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

/* Fix the row that contains both Remember Me + Login button */
.woocommerce-form-login .form-row:has(.woocommerce-form__input-checkbox) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
}

/* Prevent the checkbox label from wrapping */
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
/* =============================================
   ADDRESSES - Fix nested box structure
   ============================================= */

/* Remove ALL nested borders and backgrounds */
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Address > * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Single clean card wrapper */
body.woocommerce-account .col-1.woocommerce-Address,
body.woocommerce-account .col-2.woocommerce-Address {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 2px !important;
    padding: 24px !important;
}

/* Title row - heading + button side by side */
body.woocommerce-account .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

body.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #2C2C2C !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    white-space: nowrap !important;
}

/* Address text - left aligned */
body.woocommerce-account .woocommerce-Address address {
    font-style: normal !important;
    text-align: left !important;
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
body.woocommerce-account .woocommerce-Address-title h2 {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #2C2C2C !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    line-height: 1.4 !important;
}
@media (min-width: 922px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 0 0 240px !important;
        width: 240px !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
}
.woocommerce ul.products li.product {
    position: relative !important;
}

.woocommerce ul.products li.product .button {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 0 2px 2px !important;
    box-sizing: border-box !important;
}

/* Add bottom padding to card so button doesn't overlap price */
.woocommerce ul.products li.product {
    padding-bottom: 60px !important;
}
/* Mobile Only Adjustments */
@media (max-width: 768px) {
    /* 1. Force images to fill the width of the card */
    .woocommerce ul.products.columns-2 li.product img {
        width: 100% !important;
        height: auto;
        padding: 5px; /* Minimal breathing room */
        object-fit: contain;
    }

    /* 2. Adjust Title for readability */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        min-height: 40px; /* Aligns buttons if titles vary in length */
        margin-bottom: 8px;
    }

    /* 3. Price Visibility */
    .woocommerce ul.products li.product .price {
        color: #A67C00 !important;
        font-size: 1.1rem !important;
        font-weight: 700;
        margin-bottom: 12px;
    }

    /* 4. Button Refinement */
    .astra-shop-summary-wrap .ast-loop-add-to-cart-strip a {
        background-color: #FFD54F !important;
        color: #2C2C2C !important;
        border-radius: 2px !important;
        font-size: 12px !important;
        text-transform: uppercase;
        font-weight: 700;
    }
}
/* 1. Container - Clean and Aligned */
.woocommerce-pagination, 
nav.woocommerce-pagination {
    border: none !important;
    padding: 40px 0 !important;
    text-align: left !important;
    clear: both;
}

/* 2. List Layout - Force Horizontal Row */
.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important; 
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 3. List Item Reset - Ensure they take up space */
.woocommerce-pagination ul.page-numbers li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important; /* Forces the li to fit the button width */
}

/* 4. Button Styling - Perfect Squares */
.woocommerce-pagination .page-numbers li a, 
.woocommerce-pagination .page-numbers li span.current {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important; /* Prevents collapsing */
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out;
}

/* 5. Brand Colors */
/* Default State */
.woocommerce-pagination .page-numbers li a {
    background-color: #FFFFFF !important;
    color: #2C2C2C !important;
    border: 1px solid #E0E0E0 !important;
}

/* Active Page State */
.woocommerce-pagination .page-numbers li span.current {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    border: 1px solid #FFD54F !important;
}

/* Hover State */
.woocommerce-pagination .page-numbers li a:hover {
    background-color: #FAFAF6 !important;
    border-color: #BDBDBD !important;
}
/* =============================================
   REGISTRATION FORM - COMPLETE FIX
   ============================================= */

/* Remove top empty space */
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 0 !important;
}

/* Full width for all elements inside register form */
.woocommerce-account .register p,
.woocommerce-account .register .woocommerce-form-row,
.woocommerce-account .register .woocommerce-privacy-policy-text {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Email input full width */
.woocommerce-account .register .woocommerce-Input,
.woocommerce-account .register input[type="email"] {
    width: 100% !important;
    display: block !important;
}

/* Hint text - small and muted */
.woocommerce-account .register .woocommerce-input-wrapper ~ p,
.woocommerce-account .register p.woocommerce-password-hint {
    font-size: 12px !important;
    color: #888888 !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
    text-align: left !important;
}

/* Privacy policy text */
.woocommerce-account .register .woocommerce-privacy-policy-text {
    font-size: 13px !important;
    color: #666666 !important;
    text-align: left !important;
    margin: 16px 0 !important;
}

/* Register button full width */
.woocommerce-account .register .woocommerce-Button,
.woocommerce-account .register button[type="submit"] {
    width: 100% !important;
    display: block !important;
}

/* Already a member - separate line with divider */
.woocommerce-account .register .woocommerce-LostPassword,
.woocommerce-account .register p:last-of-type {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #E0E0E0 !important;
    font-size: 13px !important;
    color: #666666 !important;
    float: none !important;
    clear: both !important;
}
/* Fix hint text - must target it directly */
.woocommerce-account .register > p:not(.woocommerce-privacy-policy-text):not(:last-of-type) {
    font-size: 12px !important;
    color: #888888 !important;
    font-weight: 400 !important;
    text-align: left !important;
    margin: 6px 0 12px 0 !important;
}

/* Remove top white space in the card */
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.woocommerce-account .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Remove top empty space */
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Privacy policy text left aligned */
.woocommerce-account .register .woocommerce-privacy-policy-text p {
    text-align: left !important;
}
/* =============================================
   MY ACCOUNT — SINGLE SOURCE OF TRUTH
   ============================================= */

/* Outer layout: nav sidebar + content area */
@media (min-width: 922px) {
    .woocommerce-account .woocommerce {
        display: flex !important;
        gap: 30px !important;
        align-items: flex-start !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 0 0 240px !important;
        width: 240px !important;
        float: none !important;
        background-color: #FAFAF6 !important;
        border: 1px solid #E0E0E0 !important;
        border-radius: 2px !important;
        padding: 20px !important;
        box-sizing: border-box !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        float: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
} 
.woocommerce-account .woocommerce {
    display: flex !important;
}
/* Mobile */
@media (max-width: 921px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        margin-bottom: 30px !important;
    }
}

/* Navigation links */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    width: 100% !important;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #757575 !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    transition: all 0.2s ease !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #FFFFFF !important;
    color: #2C2C2C !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #FFFFFF !important;
    color: #2C2C2C !important;
    font-weight: 700 !important;
    border-left: 4px solid #FFD54F !important;
    padding-left: 11px !important;
}

/* Dashboard stat grid — ONE definition only */
.welcome-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    align-items: stretch !important;
    margin-top: 25px !important;
}
.welcome-stats-grid .stat-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    min-height: 160px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.welcome-stats-grid .stat-box:hover {
    border-color: #FFD54F !important;
}
@media (max-width: 600px) {
    .welcome-stats-grid {
        grid-template-columns: 1fr !important;
    }
}
/* Lock height for Media & Text block to prevent shift */
.hero-stable-height {
    min-height: 600px; /* Adjust this to match your image height */
    display: flex;
    align-items: center;
    background-color: #FAFAF6; /* Your brand surface color */
}

/* Ensure the image side fills the reserved space */
.hero-stable-height .wp-block-media-text__media {
    min-height: 600px;
}
/* Prevent Hero Shift */
.home-hero-section {
    display: flex;
    align-items: center;
    min-height: 600px; /* Must match the editor setting */
    overflow: hidden;
}

/* Ensure the image container has an aspect ratio placeholder */
.home-hero-image-column {
    aspect-ratio: 4 / 5; 
    background-color: #FAFAF6;
}

/* Fix Primary Button Tap Target and Stability */
.wp-block-button__link {
    background-color: #FFD54F !important;
    color: #2C2C2C !important;
    border-radius: 2px !important;
    padding: 12px 32px !important;
    font-weight: 700;
    transition: none; /* Prevents shift during hover state calculation */
}
/* Universal Fix for Custom Outline Button */
.custom-outline-btn .wp-block-button__link,
.custom-outline-btn .wp-block-button__link:visited,
.custom-outline-btn .wp-block-button__link:active {
    /* Forces the exact font family, rendering engine, and smoothing used by Astra Pro */
    font-family: inherit !important; 
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    
    background-color: transparent !important;
    border: 1px solid #BDBDBD !important;
    color: #2C2C2C !important;
    text-transform: none !important;
    letter-spacing: normal !important; 
    padding: 13px 28px !important; 
    border-radius: 2px !important; 
    display: inline-block !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Specific Hover State */
.custom-outline-btn .wp-block-button__link:hover {
    border-color: #2C2C2C !important;
    background-color: #FAFAF6 !important;
    color: #2C2C2C !important;
}

/* Specific Hover State */
.custom-outline-btn .wp-block-button__link:hover {
    border-color: #2C2C2C !important;
    background-color: #FAFAF6 !important;
    color: #2C2C2C !important;
}
.bs-payment-security-wrap {
  margin: 0 0 1.5rem;
  clear: both;
  width: 100%;
}

.bs-security-block,
.bs-merchant-block {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: .75rem;
  font-size: 13px;
  line-height: 1.6;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
}

.bs-block-title {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: .75rem;
  color: #111;
}

.bs-block-title svg {
  display: inline;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

.bs-security-block ul {
  padding-left: 1.25rem;
  color: #555;
  margin-bottom: 1rem;
}

.bs-security-block ul li {
  margin-bottom: .4rem;
}

.bs-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: .5rem;
}

.bs-badges span {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #555;
}

.bs-merchant-block table {
  width: 100%;
  border-collapse: collapse;
  color: #444;
}

.bs-merchant-block td {
  padding: 5px 0;
  border-bottom: 1px solid #f3f4f6;
}

.bs-merchant-block td:first-child {
  color: #888;
  width: 90px;
  vertical-align: top;
}

.bs-merchant-block tr:last-child td {
  border-bottom: none;
}
.bs-security-logos {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #f3f4f6;
}

.bs-security-logos img {
  height: 38px;
  width: auto;
  display: block;
}

.bs-security-logos a {
  display: inline-block;
  line-height: 0;
}
.bs-payment-logos-section {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}

.bs-logo-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bs-logo-label {
  font-size: 12px;
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0;
}

.bs-card-logos {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bs-card-logos img {
  height: 30px;
  width: auto;
  display: block;
}
.bs-security-page-logos {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}

.bs-security-page-logos .bs-logo-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bs-security-page-logos .bs-logo-label {
  font-size: 11px;
  color: #888;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0;
}

.bs-security-page-logos .bs-card-logos {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bs-security-page-logos .bs-card-logos img {
  height: 38px;
  width: auto;
  display: block;
  object-fit: contain;
}
/* My Account — container width fix + UX max-width */
.woocommerce-account .woocommerce {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* BOX NOW badge */
.boxnow-badge {
    display: block !important;
    color: #FFD54F !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-top: 3px !important;
}

.boxnow-badge::before {
    content: '✓ ' !important;
    color: #FFD54F !important;
    font-size: 12px !important;
}

/* Primary Payment Labels (Headings) */
.woocommerce-checkout #payment ul.payment_methods label {
    font-weight: 700 !important;
    color: #2C2C2C;
    font-size: 16px;
}

/* Payment Method Descriptions (Muted) */
.woocommerce-checkout #payment div.payment_box p {
    font-size: 14px !important;
    line-height: 1.6;
    color: #757575 !important;
    margin-top: 8px;
}

/* Privacy Policy and Terms Text (Small/Muted) */
.woocommerce-privacy-policy-text, 
.woocommerce-terms-and-conditions-wrapper {
    font-size: 13px !important;
    color: #757575 !important;
    line-height: 1.5;
}

/* "Sigurno plaćanje" Box Tweaks */
#payment .payment_box.payment_method_stripe { /* or your specific secure box class */
    background-color: #FAFAF6 !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 2px;
}
/* Polish BOX NOW Banner */
.astra-site-builder-layout {
    border-bottom: 1px solid #E0E0E0;
}

.astra-site-builder-layout img {
    filter: grayscale(10%) contrast(1.1); /* Makes the green look slightly more premium */
    transition: transform 0.3s ease;
}

.astra-site-builder-layout img:hover {
    transform: scale(1.05);
}

/* Ensure mobile stacking looks clean */
@media (max-width: 768px) {
    .astra-site-builder-layout .wp-block-columns {
        gap: 10px;
    }
    .astra-site-builder-layout .wp-block-button__link {
        font-size: 12px;
        padding: 5px 10px;
    }
}
/* 1. Add vertical spacing between checkout summary rows */
.woocommerce-checkout-review-order-table tr.shipping,
.woocommerce-checkout-review-order-table tr.order-total {
    border-top: 1px solid #E0E0E0 !important; /* Brand Border color */
}

.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    vertical-align: middle;
}

/* 2. Specific spacing for the 'Ukupno' (Total) row to emphasize it */
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 3. Refine the spacing of the radio button labels for shipping */
#shipping_method li {
    margin-bottom: 12px !important;
    display: flex;
    align-items: center;
}

#shipping_method li:last-child {
    margin-bottom: 0 !important;
}

/* 4. Ensure price color adheres to brand guidelines */
.woocommerce-checkout-review-order-table .order-total .amount {
    color: #A67C00 !important;
    font-weight: 700;
}
/* Force Product Name Truncation */
body .woocommerce-checkout-review-order-table .product-name,
body .woocommerce-table--order-details .product-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important; /* Overrides 'nowrap' if present */
    line-height: 1.4 !important;
    max-height: 2.8em !important;
}
/* Force Locker Button to be block-level and centered under the option */
body #boxnow-map-button, 
body .odaberi-paketomat,
body [id*="paketomat"] { 
    display: block !important;
    float: none !important;      /* Removes the right-float seen in image_8406f3.png */
    clear: both !important;      /* Ensures it sits on a new line */
    margin: 15px 0 !important;   /* Adds consistent vertical breathing room */
    width: 100% !important;      /* Makes it easier to tap on mobile */
    max-width: 280px !important; 
    text-align: center !important;
    background-color: #FFD54F !important; /* Brand Primary */
    color: #2C2C2C !important;            /* Brand Text */
    border-radius: 2px !important;        /* Brand Radius */
}

/* Fix for the parent container spacing */
body .woocommerce-shipping-totals ul#shipping_method li {
    display: flex !important;
    flex-direction: column !important; /* Stacks radio, text, and button vertically */
    align-items: flex-start !important;
    padding-bottom: 10px !important;
}
/* 1. Fix Fragmented Borders - Force full-width lines */
.woocommerce-checkout-review-order-table, 
.woocommerce-checkout-review-order-table tr, 
.woocommerce-checkout-review-order-table td, 
.woocommerce-checkout-review-order-table th {
    border: none !important;
}

.woocommerce-checkout-review-order-table tr {
    border-bottom: 1px solid #E0E0E0 !important; /* Brand Border color */
}

/* 2. Vertically Align 'Dostava' Label to Top */
.woocommerce-checkout-review-order-table th {
    vertical-align: top !important;
    padding-top: 20px !important;
    text-align: left !important;
    width: 35%; /* Provides balanced spacing between label and options */
}

/* 3. Align Shipping Options and Prices */
.woocommerce-checkout-review-order-table td {
    text-align: right !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 4. Fix Radio Button & Text Alignment for BOX NOW */
#shipping_method li {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important; /* Aligns options to the right price column */
    margin-bottom: 20px !important;
    list-style: none !important;
}

#shipping_method input[type="radio"] {
    margin-bottom: 8px !important;
}

/* 5. Polish 'Besplatna Dostava' Visibility */
.woocommerce-shipping-totals .free-shipping-label, 
#shipping_method li label b {
    display: block;
    margin-top: 5px;
    font-size: 0.85rem;
    color: #A67C00 !important; /* Brand Price color for emphasis */
}

/* 6. Final 'Ukupno' row styling */
.order-total th, .order-total td {
    border-bottom: none !important;
    padding-top: 30px !important;
}

.order-total .amount {
    color: #A67C00 !important; /* Brand Price color */
    font-size: 1.2rem;
    font-weight: 700;
}
/* 1. Structural Reset: Force strict column widths to fix truncation */
.woocommerce-checkout-review-order-table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important; /* Prevents Astra from shrinking 'Proizvod' */
    border: none !important;
}

/* 2. Header Polish: Move line up and ensure full text visibility */
.woocommerce-checkout-review-order-table thead th {
    padding-top: 10px !important;
    padding-bottom: 6px !important; /* Move line up by reducing bottom padding */
    border-bottom: 2px solid #2C2C2C !important; /* Strong Brand Text color */
    vertical-align: bottom !important;
    line-height: 1.2 !important;
}

/* Fix 'Proizvod' Name Visibility */
.woocommerce-checkout-review-order-table th.product-name {
    width: 45% !important; 
    text-align: left !important;
    white-space: nowrap !important; /* Forces full name 'Proizvod' to show */
}

/* Align 'Ukupno (bez dostave)' to the right edge */
.woocommerce-checkout-review-order-table th.product-total {
    width: 55% !important;
    text-align: right !important;
}

/* 3. Global Row Alignment & Full-Width Dividers */
.woocommerce-checkout-review-order-table tr {
    display: table-row !important;
    border-bottom: 1px solid #E0E0E0 !important; /* Clean Brand Border */
}

.woocommerce-checkout-review-order-table td {
    display: table-cell !important;
    padding: 18px 0 !important;
    vertical-align: middle !important;
    text-align: right !important; /* All prices to right edge */
}

.woocommerce-checkout-review-order-table td.product-name {
    text-align: left !important;
}

/* 4. Eliminate Redundant Subtotal for Minimalism */
.woocommerce-checkout-review-order-table .cart-subtotal {
    display: none !important;
}

/* 5. Refined Shipping (Dostava) Alignment from 'Best So Far' logic */
.woocommerce-checkout-review-order-table tr.shipping th {
    vertical-align: top !important;
    padding-top: 20px !important; 
    text-align: left !important;
}

#shipping_method {
    display: inline-block !important;
    width: 100% !important;
}

#shipping_method li {
    display: grid !important;
    grid-template-columns: 1fr 24px !important;
    gap: 10px !important;
    align-items: center !important;
    justify-items: end !important;
    margin-bottom: 15px !important;
    direction: rtl !important;
}

#shipping_method li * {
    direction: ltr !important;
}

/* 6. Action Button & Price Styling */
#boxnow-map-button, 
.odaberi-paketomat {
    float: right !important;
    clear: both !important;
    margin-top: 10px !important;
    background-color: #2C2C2C !important;
    color: #FFFFFF !important;
    border-radius: 2px !important; /* Brand Radius */
    padding: 10px 20px !important;
    font-weight: 700 !important;
}

.order-total .amount {
    color: #A67C00 !important; /* Brand Price Color */
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}