/* ============================================
   LEGAL PAGES STYLES - SkadedyrStop
   ============================================ */

/* Legal Hero */
.legal-hero{position:relative;padding:calc(var(--header-height) + var(--header-topbar) + 3rem) var(--container-padding) 3rem;overflow:hidden}
.legal-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);z-index:-1}
.legal-hero__gradient{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(13,148,136,0.15) 100%);pointer-events:none}
.legal-hero__pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;opacity:0.5}
.legal-hero__container{max-width:var(--container-max);margin:0 auto;position:relative}

.legal-hero__breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem}
.legal-hero__breadcrumb-link{display:flex;align-items:center;gap:0.375rem;color:var(--gray-400);font-size:0.875rem;transition:color var(--transition)}
.legal-hero__breadcrumb-link:hover{color:#fff}
.legal-hero__breadcrumb-link img{filter:brightness(0) invert(1);opacity:0.7}
.legal-hero__breadcrumb-sep{filter:brightness(0) invert(1);opacity:0.4}
.legal-hero__breadcrumb-current{color:var(--primary-light);font-size:0.875rem;font-weight:500}

.legal-hero__content{max-width:700px}
.legal-hero__label{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(13,148,136,0.15);color:var(--primary-light);font-size:0.8125rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1rem}
.legal-hero__label img{filter:brightness(0) saturate(100%) invert(56%) sepia(52%) saturate(515%) hue-rotate(127deg) brightness(94%) contrast(91%)}
.legal-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1rem}
.legal-hero__desc{font-size:1.0625rem;color:var(--gray-300);line-height:1.7}

/* Legal Main */
.legal-main{padding:4rem var(--container-padding)}
.legal-main__container{max-width:var(--container-max);margin:0 auto}
.legal-main__wrapper{max-width:900px;margin:0 auto}

/* Legal Section */
.legal-section{margin-bottom:2.5rem}
.legal-section__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.legal-section__num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);color:#fff;font-size:0.875rem;font-weight:700;border-radius:var(--radius)}
.legal-section__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}

.legal-section__card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}
.legal-section__card h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin:1.5rem 0 0.75rem}
.legal-section__card h3:first-child{margin-top:0}
.legal-section__card p{color:var(--gray-700);line-height:1.7;margin-bottom:1rem}
.legal-section__card p:last-child{margin-bottom:0}
.legal-section__card a{color:var(--primary);font-weight:500}

/* Legal Lists */
.legal-section__list{list-style:none;padding:0;margin:1rem 0}
.legal-section__list li{position:relative;padding-left:1.75rem;margin-bottom:0.75rem;color:var(--gray-700);line-height:1.6}
.legal-section__list li::before{content:'';position:absolute;left:0;top:0.5rem;width:8px;height:8px;background:var(--primary);border-radius:50%}
.legal-section__list li strong{color:var(--gray-900)}

.legal-section__list--check li::before{content:'✓';background:none;color:var(--primary);font-weight:700;width:auto;height:auto;top:0}
.legal-section__list--numbered{counter-reset:item}
.legal-section__list--numbered li{counter-increment:item}
.legal-section__list--numbered li::before{content:counter(item) '.';background:none;color:var(--primary);font-weight:700;width:auto;height:auto;top:0}

/* Highlight Boxes */
.legal-section__highlight{display:flex;gap:1rem;padding:1.25rem;background:var(--primary-50);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0}
.legal-section__highlight-icon{flex-shrink:0}
.legal-section__highlight-icon img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.legal-section__highlight-content p{margin:0;color:var(--gray-700)}
.legal-section__highlight-content p + p{margin-top:0.5rem}

.legal-section__highlight--success{background:rgba(16,185,129,0.1);border-color:#10b981}
.legal-section__highlight--success .legal-section__highlight-icon img{filter:brightness(0) saturate(100%) invert(55%) sepia(52%) saturate(1102%) hue-rotate(118deg) brightness(96%) contrast(87%)}

/* Contact Box */
.legal-section__contact-box{display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;background:var(--gray-50);border-radius:var(--radius);margin-top:1rem}
.legal-section__contact-row{display:flex;align-items:center;gap:0.75rem;color:var(--gray-700)}
.legal-section__contact-row img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}

/* Payment Grid */
.legal-section__payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0}
.legal-section__payment-item{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius)}
.legal-section__payment-item img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.legal-section__payment-item span{font-weight:500;color:var(--gray-700)}

/* Warranty Grid */
.legal-section__warranty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}
.legal-section__warranty-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);border-radius:var(--radius-lg);text-align:center}
.legal-section__warranty-period{font-size:2rem;font-weight:800;color:var(--primary-light)}
.legal-section__warranty-type{font-size:1rem;font-weight:600;color:#fff;margin:0.5rem 0 0.25rem}
.legal-section__warranty-note{font-size:0.8125rem;color:var(--gray-400)}

/* Cookies Grid */
.legal-section__cookies-grid{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}
.legal-section__cookie-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius)}
.legal-section__cookie-icon{flex-shrink:0;width:48px;height:48px;background:var(--primary-50);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}
.legal-section__cookie-icon img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.legal-section__cookie-content strong{display:block;font-weight:600;color:var(--gray-900);margin-bottom:0.25rem}
.legal-section__cookie-content span{font-size:0.875rem;color:var(--gray-600)}

/* Storage Grid */
.legal-section__storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
.legal-section__storage-item{display:flex;flex-direction:column;padding:1.25rem;background:var(--gray-50);border-radius:var(--radius);border-left:4px solid var(--primary)}
.legal-section__storage-period{font-size:1.25rem;font-weight:700;color:var(--primary)}
.legal-section__storage-type{font-weight:600;color:var(--gray-900);margin:0.25rem 0}
.legal-section__storage-note{font-size:0.8125rem;color:var(--gray-500)}

/* Rights Grid */
.legal-section__rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}
.legal-section__right-item{padding:1.25rem;background:var(--gray-50);border-radius:var(--radius)}
.legal-section__right-item strong{display:block;color:var(--gray-900);margin-bottom:0.375rem}
.legal-section__right-item span{font-size:0.875rem;color:var(--gray-600);line-height:1.5}

/* Authority Box */
.legal-section__authority-box{padding:1.5rem;background:var(--gray-50);border-radius:var(--radius);margin-top:1rem}
.legal-section__authority-box strong{font-size:1.125rem;color:var(--gray-900)}
.legal-section__authority-box p{color:var(--gray-600);margin:0.5rem 0}
.legal-section__authority-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--primary);font-weight:500;margin-top:0.5rem}
.legal-section__authority-link img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}

/* Note */
.legal-section__note{font-size:0.875rem;color:var(--gray-500);font-style:italic;margin-top:1rem}

/* Acceptance Box */
.legal-section__acceptance{display:flex;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}
.legal-section__acceptance-icon{flex-shrink:0}
.legal-section__acceptance-icon img{filter:brightness(0) invert(1)}
.legal-section__acceptance-content p{margin:0;opacity:0.95}
.legal-section__acceptance-content p strong{color:#fff;opacity:1}
.legal-section__acceptance-content p + p{margin-top:0.5rem}

/* Legal CTA */
.legal-cta{padding:4rem var(--container-padding)}
.legal-cta__container{max-width:var(--container-max);margin:0 auto}
.legal-cta__content{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-xl);padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}

.legal-cta__text{flex:1;min-width:280px;color:#fff}
.legal-cta__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:0.5rem}
.legal-cta__desc{font-size:1rem;opacity:0.9;line-height:1.6}

.legal-cta__actions{display:flex;gap:1rem;flex-wrap:wrap}
.legal-cta__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 1.5rem;font-weight:600;border-radius:var(--radius);transition:all var(--transition)}
.legal-cta__btn--primary{background:#fff;color:var(--gray-900)}
.legal-cta__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.legal-cta__btn--primary img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.legal-cta__btn--secondary{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3)}
.legal-cta__btn--secondary:hover{background:rgba(255,255,255,0.25)}

/* Back to Top */

/* Responsive */
@media(max-width:768px){
    .legal-hero{padding-top:calc(var(--header-height) + 2rem);padding-bottom:2rem}
    .legal-section__card{padding:1.5rem}
    .legal-section__highlight{flex-direction:column;gap:0.75rem}
    .legal-section__acceptance{flex-direction:column;padding:1.5rem;text-align:center;gap:1rem}
    .legal-section__warranty-grid{grid-template-columns:1fr}
    .legal-cta__content{padding:2rem;flex-direction:column;text-align:center}
    .legal-cta__actions{width:100%;justify-content:center}
}

@media(max-width:480px){
    .legal-hero__label{font-size:0.75rem;padding:0.375rem 0.75rem}
    .legal-section__header{flex-direction:column;align-items:flex-start;gap:0.5rem}
    .legal-section__num{width:32px;height:32px;font-size:0.75rem}
    .legal-section__title{font-size:1.25rem}
    .legal-section__card{padding:1rem}
    .legal-section__payment-grid{grid-template-columns:1fr 1fr}
    .legal-section__storage-grid{grid-template-columns:1fr}
    .legal-section__rights-grid{grid-template-columns:1fr}
    .legal-cta__btn{width:100%;justify-content:center}
}