﻿/* Etat ouvert de l'accordeon : pilote la rotation du chevron */
.boutique-item.open .arrow { transform: rotate(180deg); }

/* Styles specifiques a services.html */

.hero-boutiques{padding:8rem 0 4rem;background:linear-gradient(180deg,rgba(102,102,255,0.05) 0%,transparent 100%);text-align:center}

.hero-boutiques-content h1{font-size:4rem;font-weight:900;margin-bottom:1rem}

.hero-boutiques-content p{font-size:1.3rem;color:var(--text-muted)}

.search-bar{position:relative;max-width:600px;margin:0 auto 3rem}

.search-bar i{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.3rem}

.search-bar input{width:100%;padding:1.3rem 1.5rem 1.3rem 4rem;background:rgba(255,255,255,0.03);border:2px solid var(--card-border);border-radius:20px;color:white;font-size:1.1rem;transition:all 0.3s}

.search-bar input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,0.05);box-shadow:0 0 0 5px rgba(102,102,255,0.1)}

.search-bar input::placeholder{color:var(--text-muted)}

.category-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}

.cat-btn{display:flex;align-items:center;gap:0.8rem;padding:1rem 2rem;background:rgba(255,255,255,0.03);border:2px solid var(--card-border);border-radius:14px;color:var(--text-muted);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s}

.cat-btn i{font-size:1.2rem}

.cat-btn:hover{border-color:var(--primary);color:white;background:rgba(102,102,255,0.1)}

.cat-btn.active{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:white}

.category-section{margin-bottom:4rem}

.category-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(102,102,255,0.1),rgba(168,85,247,0.1));border:1px solid var(--primary);border-radius:20px;margin-bottom:2rem}

.category-header.luxury{background:linear-gradient(135deg,rgba(212,175,55,0.1),rgba(184,134,11,0.1));border-color:#d4af37}

.category-header.jewelry{background:linear-gradient(135deg,rgba(219,39,119,0.1),rgba(168,85,247,0.1));border-color:#db2777}

.category-header i{font-size:2.5rem;color:var(--primary)}

.category-header.luxury i{color:#d4af37}

.category-header.jewelry i{color:#db2777}

.category-header h2{font-size:2rem;font-weight:700;margin:0}

.boutique-item{background:linear-gradient(135deg,rgba(15,15,19,0.9),rgba(20,20,26,0.9));border:1px solid var(--card-border);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:all 0.3s}

.boutique-item:hover{border-color:var(--primary);box-shadow:0 5px 20px rgba(0,0,0,0.3)}

.boutique-item.luxury{border-color:rgba(212,175,55,0.3)}

.boutique-item.luxury:hover{border-color:#d4af37;box-shadow:0 10px 40px rgba(212,175,55,0.2)}

.boutique-item.jewelry{border-color:rgba(219,39,119,0.3)}

.boutique-item.jewelry:hover{border-color:#db2777;box-shadow:0 10px 40px rgba(219,39,119,0.2)}

.boutique-trigger{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;cursor:pointer;transition:background 0.3s}

.boutique-trigger:hover{background:rgba(255,255,255,0.02)}

.boutique-left{display:flex;align-items:center;gap:1.5rem;flex:1}

.boutique-icon{font-size:2.5rem;color:var(--primary);min-width:50px;text-align:center}

.boutique-item.luxury .boutique-icon{color:#d4af37}

.boutique-item.jewelry .boutique-icon{color:#db2777}

.boutique-trigger h3{font-size:1.5rem;font-weight:700;margin:0 0 0.3rem 0}

.quick-info{font-size:0.9rem;color:var(--text-muted)}

.boutique-right{display:flex;align-items:center;gap:1rem}

.arrow{font-size:1.2rem;color:var(--primary);transition:transform 0.3s}

.badge{padding:0.5rem 1rem;border-radius:8px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}

.badge.premium{background:linear-gradient(135deg,var(--primary),var(--accent));color:white}

.badge.popular{background:linear-gradient(135deg,#10b981,#06b6d4);color:white}

.badge.luxury{background:linear-gradient(135deg,#d4af37,#b8860b);color:#000}

.badge.jewelry{background:linear-gradient(135deg,#db2777,#a855f7);color:white}

.boutique-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease-out}

.separator{height:1px;background:linear-gradient(90deg,transparent,var(--card-border),transparent);margin:0 2rem 2rem}

.separator.luxury-sep{background:linear-gradient(90deg,transparent,#d4af37,transparent)}

.separator.jewelry-sep{background:linear-gradient(90deg,transparent,#db2777,transparent)}

.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 2rem 2rem}

.detail-box{background:rgba(255,255,255,0.03);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;transition:all 0.3s}

.detail-box:hover{background:rgba(255,255,255,0.05);border-color:var(--primary)}

.detail-box i{font-size:2rem;color:var(--primary);margin-bottom:1rem;display:block}

.boutique-item.luxury .detail-box i{color:#d4af37}

.boutique-item.jewelry .detail-box i{color:#db2777}

.detail-box strong{display:block;font-size:1.1rem;font-weight:700;margin-bottom:0.8rem}

.detail-box p{color:var(--text-muted);line-height:1.7;font-size:0.95rem}

.warning-box{margin:0 2rem 2rem;padding:1.5rem;background:rgba(245,158,11,0.1);border:1px solid #f59e0b;border-radius:12px;display:flex;align-items:flex-start;gap:1rem}

.warning-box i{font-size:1.5rem;color:#f59e0b;margin-top:0.2rem}

.warning-box p{color:#f59e0b;line-height:1.6;margin:0}

.cta-contact{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,rgba(102,102,255,0.05),rgba(168,85,247,0.05));border:1px solid var(--card-border);border-radius:24px;margin-top:4rem}

.cta-contact p{font-size:1.3rem;color:var(--text-muted);margin-bottom:2rem}

.cta-contact .btn-primary{display:inline-flex;align-items:center;gap:1rem;padding:1.3rem 3rem;font-size:1.1rem}

@media (max-width:992px){.hero-boutiques-content h1{font-size:2.5rem}.category-nav{flex-direction:column;align-items:stretch}.cat-btn{justify-content:center}.details-grid{grid-template-columns:1fr}.boutique-left{flex-direction:column;align-items:flex-start}.boutique-right{flex-direction:column;align-items:flex-end}}

@keyframes slide-in-one-tap{from{transform:translateY(80px)}to{transform:translateY(0px)}}
