/*
 Theme Name:   Alana Kadence Child
 Theme URI:    https://alanashop.hu
 Description:  Kadence child theme – Alana Wine Glass Holder Shop
 Author:       Alana
 Author URI:   https://alanashop.hu
 Template:     kadence
 Version:      1.0.0
 Text Domain:  alana-kadence-child
*/

/* ============================================================
   BRAND VARIABLES
   ============================================================ */
:root {
    --alana-cream:       #F5F0E8;
    --alana-brown:       #6B4C3B;
    --alana-gold:        #C9A84C;
    --alana-text:        #2C1810;
    --alana-text-light:  #7A6055;
    --alana-border:      #D9CFC4;
    --alana-bar-track:   #E0DADA;
    --alana-green:       #3a9e5f;
    --alana-badge-bg:    #F8F7F7;
    --alana-badge-r:     10px;
    --alana-stock-ok-bg:     #EEF9EE;
    --alana-stock-ok-color:  #1E7D34;
    --alana-stock-low-bg:    #FFF8EE;
    --alana-stock-low-color: #C96A00;
    --alana-stock-out-bg:    #FFF0F0;
    --alana-stock-out-color: #C0392B;
}

/* ============================================================
   SHIPPING BAR
   ============================================================ */
.alana-shipping-bar {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 14px;
    margin-bottom: 14px;
    font-size: 0.875rem;
    color: var(--alana-text);
    line-height: 1.4;
}

.alana-shipping-bar__message {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.alana-shipping-bar__track {
    width: 100%;
    height: 7px;
    background: var(--alana-bar-track);
    border-radius: 99px;
    overflow: hidden;
}

.alana-shipping-bar__fill {
    height: 100%;
    border-radius: 99px;
    transition: width 0.4s ease, background 0.4s ease;
    min-width: 2px;
}

.alana-shipping-bar--reached .alana-shipping-bar__message {
    font-weight: 600;
    color: var(--alana-green);
}

/* Kosár + side cart kontextus */
.woocommerce-cart .alana-shipping-bar,
.kadence-woo-mini-cart .alana-shipping-bar {
    padding: 10px 16px 14px;
    background: var(--alana-cream);
    border-radius: 4px;
    border: 1px solid var(--alana-border);
    margin-bottom: 12px;
}

/* ============================================================
   TRUST BADGES
   ============================================================ */
.alana-trust-badges {
    display: flex;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
}

.alana-trust-badge {
    flex: 1 1 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: var(--alana-badge-bg);
    border-radius: var(--alana-badge-r);
    box-sizing: border-box;
    min-width: 0;
}

.alana-trust-badge__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--alana-text-light);
    margin-top: 1px;
}

.alana-trust-badge__icon svg {
    width: 100%;
    height: 100%;
}

.alana-trust-badge__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--alana-text) !important;
    border: none !important;
}

.alana-trust-badge__body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
    color: var(--alana-text-light) !important;
    line-height: 1.35 !important;
}

/* Készlet variánsok */
.alana-trust-badge--stock-ok  { background: var(--alana-stock-ok-bg); }
.alana-trust-badge--stock-ok  .alana-trust-badge__icon,
.alana-trust-badge--stock-ok  .alana-trust-badge__title { color: var(--alana-stock-ok-color) !important; }

.alana-trust-badge--stock-low { background: var(--alana-stock-low-bg); }
.alana-trust-badge--stock-low .alana-trust-badge__icon,
.alana-trust-badge--stock-low .alana-trust-badge__title { color: var(--alana-stock-low-color) !important; }

.alana-trust-badge--stock-out { background: var(--alana-stock-out-bg); }
.alana-trust-badge--stock-out .alana-trust-badge__icon,
.alana-trust-badge--stock-out .alana-trust-badge__title { color: var(--alana-stock-out-color) !important; }

@media (max-width: 480px) {
    .alana-trust-badges { flex-direction: column; }
}

/* ============================================================
   EGYEDI OVERRIDES
   ============================================================ */