/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.dostawa-cta {
display: block;
width: 100%;
margin-top: 10px;
text-align: center;
border: 1px solid #ededed;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}

.opinia-cta {
border: 1px dashed #24eb5c;
background: #f9f9f9;
padding: 20px;
border-radius: 10px;
font-style: italic;
font-size: 13px !important
 line-height: 2;
display: block;
margin-top: 30px;
}

/* Stylowanie opinii pod Call to Action */
.opinia-pod-cta {
	border: 1px dashed #24eb5c;
	background: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
	font-style: italic;
	font-size: 13px !important;
	line-height: 2;
	display: block;
	margin-top: 30px;
}

.opinia-pod-cta-podpis {
	margin-top: 20px;
	display:flex;
	align-items: center;
}

.opinia-pod-cta-podpis img {
	margin-right: 10px;
}

/* ============================================================
   PASEK WYSYŁKI
   ============================================================ */
.yutre-shipping-bar {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #555;
}
.yutre-shipping-row {
    display: flex;
    gap: 24px;
    margin-bottom: 8px;
}
.yutre-ship-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.yutre-dot-green {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #22c55e;
    display: inline-block;
    flex-shrink: 0;
}
.yutre-flag-pl {
    width: 20px; height: 14px;
    display: inline-flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 2px;
    flex-shrink: 0;
}
.yutre-flag-pl span:first-child { flex: 1; background: #fff; }
.yutre-flag-pl span:last-child  { flex: 1; background: #dc2626; }
.yutre-methods-row {
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 0;
}
.yutre-sep {
    margin: 0 8px;
    color: #d1d5db;
}

/* ============================================================
   OMNIBUS
   ============================================================ */
.yutre-omnibus {
    font-size: 12px;
    font-weight: 600;
    color: #444;
    margin: 4px 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.yutre-omnibus-icon { font-size: 16px; }

/* ============================================================
   BADGE – pozostało X szt.
   ============================================================ */
.yutre-stock-badge {
    display: inline-flex;
    align-items: center;
    background: #fce7ef;
    color: #be185d;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 8px;
    margin-left: 10px;
    vertical-align: middle;
}

/* ============================================================
   PASEK KROPEK – stan magazynowy
   ============================================================ */
.yutre-stock-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0;
    font-size: 13px;
}
.stock-label {
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}
.stock-dots {
    display: flex;
    gap: 6px;
}
.stock-dot {
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #e5e7eb;
    display: inline-block;
}
.stock-dot.filled.low    { background: #e11d48; }
.stock-dot.filled.medium { background: #f59e0b; }
.stock-dot.filled.high   { background: #22c55e; }

.stock-status {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
}
.stock-status.low    { color: #e11d48; }
.stock-status.medium { color: #d97706; }
.stock-status.high   { color: #16a34a; }