@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ====================== GLOBALA INSTÄLLNINGAR ====================== */
:root {
    --primary: #0f172a;      /* mörkblå – används nu också för "Läs mer" */
    --accent: #14b8a6;
    --accent2: #0ea5e9;
    --text: #1e2937;
    --light: #f8fafc;
}

body {
    font-family: 'Poppins', system-ui, sans-serif !important;
    color: var(--text);
    background: var(--light);
    line-height: 1.7;
}

/* ====================== "LÄS MER" / "VISA MER" – NY STIL ====================== */
.read-more, 
.show-more, 
.more-link, 
.woocommerce-product-details__short-description .read-more,
a[href*="more"],
.button.show-more,
a.button.read-more {
    font-weight: 700 !important;           /* Fet stil */
    color: var(--primary) !important;      /* Mörkblå färg */
    text-decoration: underline !important; /* Liten understrykning för tydlighet */
    transition: color 0.3s ease;
}

.read-more:hover, 
.show-more:hover, 
.more-link:hover {
    color: #1e40af !important;             /* Lite mörkare blå vid hover */
}

/* Tvingar hela beskrivningen att visas (ingen trunkering) */
.woocommerce-product-details__short-description,
.product_short_description,
#tab-description,
.woocommerce-tabs .panel#tab-description {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* Extra fin stil på hela produktbeskrivningen */
.woocommerce div.product .woocommerce-product-details__short-description p,
#tab-description p {
    font-size: 1.05rem;
    line-height: 1.85;
    color: #334155;
    margin-bottom: 1.5rem;
}

/* ====================== RESTEN AV DIN MODERNA DESIGN ====================== */
.site-header, header, .header-main {
    background: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 30px rgba(0,0,0,0.08) !important;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.woocommerce ul.products li.product {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(15,23,42,0.1);
    transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 0 30px 60px rgba(20,184,166,0.25);
}

.add_to_cart_button,
.single_add_to_cart_button,
.button {
    background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
    color: white !important;
    border-radius: 9999px !important;
    padding: 16px 36px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 25px rgba(20,184,166,0.35) !important;
    transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1) !important;
}

.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.button:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 20px 40px rgba(20,184,166,0.45) !important;
}

.price {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: var(--accent) !important;
}

/* Responsivt */
@media (max-width: 768px) {
    .add_to_cart_button, .button {
        padding: 14px 28px !important;
    }
/* Tvinga textcontainern att alltid visas i fullängd, som om "Visa mer" redan klickats */
.tws-article-description--text-container {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
    -webkit-line-clamp: unset !important;
    display: block !important;
}

/* Dölj hela "Visa mer / Visa mindre"-knappen */
.tws-article-description--show-more {
    display: none !important;
}