/* ============================================================
   NAUTICA — Tracking Spedizione (My Account → Ordini)
   ============================================================ */

/* ── Badge tracking nella card ordine ──────────────────────── */

.nws-order-tracking {
	display:          flex;
	align-items:      center;
	gap:              10px;
	margin-top:       12px;
	padding:          10px 14px;
	background:       #f0fafe;
	border:           1.5px solid #bae6fd;
	border-radius:    10px;
}

.nws-order-tracking__icon {
	flex-shrink:  0;
	width:        32px;
	height:       32px;
	background:   #19b4e3;
	border-radius: 50%;
	display:      flex;
	align-items:  center;
	justify-content: center;
	color:        #fff;
}

.nws-order-tracking__info {
	flex:         1;
	min-width:    0;
}

.nws-order-tracking__carrier {
	font-size:    11px;
	font-weight:  600;
	color:        #0284c7;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height:  1;
	margin-bottom: 2px;
}

.nws-order-tracking__number {
	font-size:    13px;
	color:        #1e293b;
	font-weight:  500;
	font-family:  monospace;
	white-space:  nowrap;
	overflow:     hidden;
	text-overflow: ellipsis;
}

.nws-order-tracking__btn {
	flex-shrink:    0;
	display:        inline-flex;
	align-items:    center;
	gap:            5px;
	background:     #19b4e3;
	color:          #fff !important;
	font-size:      12px;
	font-weight:    600;
	padding:        7px 14px;
	border-radius:  7px;
	text-decoration: none;
	white-space:    nowrap;
	transition:     background .2s ease, transform .15s ease;
}

.nws-order-tracking__btn:hover {
	background: #0e9ac8;
	transform:  translateY(-1px);
}

.nws-order-tracking__btn svg {
	flex-shrink: 0;
}

/* Senza link (carrier "altro" senza URL) */
.nws-order-tracking--nolink .nws-order-tracking__number {
	color: #475569;
}

/* ── Blocco tracking nella pagina dettaglio ordine ─────────── */

.nws-order-tracking-detail {
	margin-top:    32px;
	margin-bottom: 8px;
}

.nws-order-tracking-detail__title {
	display:      flex;
	align-items:  center;
	gap:          8px;
	font-size:    16px !important;
	font-weight:  700 !important;
	color:        #0a2540 !important;
	margin:       0 0 14px !important;
	padding:      0 !important;
	border:       none !important;
}

.nws-order-tracking-detail__title svg {
	color: #19b4e3;
	flex-shrink: 0;
}

.nws-order-tracking-detail__box {
	background:    #f0fafe;
	border:        1.5px solid #bae6fd;
	border-radius: 12px;
	padding:       20px 24px;
}

.nws-order-tracking-detail__row {
	display:         flex;
	align-items:     baseline;
	gap:             12px;
	padding:         8px 0;
	border-bottom:   1px solid #e0f2fe;
}

.nws-order-tracking-detail__row:last-of-type {
	border-bottom: none;
}

.nws-order-tracking-detail__label {
	font-size:    13px;
	font-weight:  600;
	color:        #0284c7;
	min-width:    130px;
	flex-shrink:  0;
}

.nws-order-tracking-detail__value {
	font-size:  14px;
	color:      #1e293b;
}

.nws-order-tracking-detail__code {
	background:    #e0f2fe;
	color:         #0369a1;
	padding:       3px 10px;
	border-radius: 6px;
	font-size:     14px;
	font-family:   monospace;
	letter-spacing: .03em;
}

.nws-order-tracking-detail__cta {
	margin-top: 16px;
}

.nws-order-tracking-detail__btn {
	display:         inline-flex;
	align-items:     center;
	gap:             7px;
	background:      #19b4e3;
	color:           #fff !important;
	font-size:       14px;
	font-weight:     600;
	padding:         11px 24px;
	border-radius:   9px;
	text-decoration: none;
	transition:      background .2s ease, transform .15s ease;
}

.nws-order-tracking-detail__btn:hover {
	background: #0e9ac8;
	transform:  translateY(-1px);
	color:      #fff !important;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media ( max-width: 480px ) {
	.nws-order-tracking {
		flex-wrap: wrap;
	}
	.nws-order-tracking__btn {
		width: 100%;
		justify-content: center;
	}
}