/* ===== GUIDE PAGES STYLES ===== *//* Back link */.back-link { display: inline-flex; align-items: center; gap: var(--space-sm); color: var(--gray-500); font-weight: 500; margin-bottom: var(--space-lg); transition: color var(--transition-fast);}.back-link:hover { color: var(--accent);}/* Guide Header */.guide-header { padding: 140px 0 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--primary) 100%); color: var(--white); position: relative; overflow: hidden;}.guide-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.guide-header .container { position: relative; z-index: 1;}.guide-header-content { max-width: 700px;}.guide-icon-large { font-size: 4rem; margin-bottom: var(--space-lg); display: block;}.guide-header h1 { font-size: 2.5rem; color: var(--white); margin-bottom: var(--space-md);}.guide-header .lead { font-size: 1.2rem; color: var(--gray-500); line-height: 1.6;}.guide-economy-banner { display: inline-flex; align-items: center; gap: var(--space-md); padding: var(--space-md) var(--space-lg); background: linear-gradient(135deg, var(--success) 0%, var(--success) 100%); border-radius: var(--radius-xl); margin-top: var(--space-xl);}.guide-economy-banner .amount { font-family: var(--font-display); font-size: 1.8rem; font-weight: 700;}.guide-economy-banner .label { font-size: 0.95rem; opacity: 0.9;}/* Guide Content */.guide-content { padding: var(--space-3xl) 0;}.guide-content .container { display: grid; grid-template-columns: 1fr 350px; gap: var(--space-3xl); align-items: start;}.guide-main { max-width: 800px;}.guide-main h2 { font-size: 1.5rem; margin: var(--space-2xl) 0 var(--space-lg); padding-bottom: var(--space-md); border-bottom: 1px solid var(--gray-100);}.guide-main h2:first-child { margin-top: 0;}.guide-main h3 { font-size: 1.2rem; margin: var(--space-xl) 0 var(--space-md); color: var(--gray-900);}.guide-main p { margin-bottom: var(--space-md); line-height: 1.7;}.guide-main ul, .guide-main ol { margin: var(--space-md) 0; padding-left: var(--space-xl);}.guide-main li { margin-bottom: var(--space-sm); line-height: 1.6;}/* Info boxes */.info-box { padding: var(--space-lg) var(--space-xl); border-radius: var(--radius-xl); margin: var(--space-lg) 0;}.info-box-success { background: linear-gradient(90deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%); border-left: 4px solid var(--success);}.info-box-warning { background: linear-gradient(90deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%); border-left: 4px solid var(--warning);}.info-box-info { background: linear-gradient(90deg, rgba(8, 145, 178, 0.1) 0%, rgba(8, 145, 178, 0.05) 100%); border-left: 4px solid var(--accent);}.info-box-title { font-weight: 600; margin-bottom: var(--space-sm); display: flex; align-items: center; gap: var(--space-sm);}/* Example box */.example-box { background: var(--gray-100); border: 1px solid var(--gray-100); border-radius: var(--radius-xl); padding: var(--space-xl); margin: var(--space-xl) 0;}.example-box-header { display: flex; align-items: center; gap: var(--space-sm); font-weight: 600; color: var(--gray-500); margin-bottom: var(--space-lg);}.example-table { width: 100%; border-collapse: collapse;}.example-table th,.example-table td { padding: var(--space-sm) var(--space-md); text-align: left; border-bottom: 1px solid var(--gray-100);}.example-table th { font-weight: 600; color: var(--gray-500); font-size: 0.9rem;}.example-table .highlight-row { background: rgba(16, 185, 129, 0.1); font-weight: 600;}.example-table .highlight-row td { color: var(--success);}.example-table .danger-row { background: rgba(239, 68, 68, 0.1); font-weight: 600;}.example-table .danger-row td { color: var(--danger);}.example-table .total-row { background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); font-weight: 600;}.example-table .total-row td { border-bottom: none;}

/* Recap table (remplace styles inline) */
.recap-table { width: 100%; margin: 0; border-collapse: collapse; }
.recap-table th, .recap-table td { padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--gray-100); }
.recap-table th { text-align: left; font-weight: 600; color: var(--gray-500); font-size: 0.9rem; }
.recap-table th.text-center, .recap-table td.text-center { text-align: center; }
.recap-table th.text-right, .recap-table td.text-right { text-align: right; }

/* Info box error */
.info-box-error { background: linear-gradient(90deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%); border-left: 4px solid var(--danger); }

/* Guide card compact (ex guide-card-mini) */
.guide-card--compact { display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-md); }
.guide-card--compact .guide-icon { font-size: 1.5rem; margin-bottom: 0; flex-shrink: 0; }
.guide-card--compact .guide-card__content { flex: 1; }
.guide-card--compact .guide-card__content strong { display: block; font-size: 0.95rem; margin-bottom: var(--space-xs); }
.guide-card--compact .guide-card__content p { font-size: 0.85rem; color: var(--gray-500); margin: 0; }/* Declaration box */.declaration-box { background: var(--primary); color: var(--white); border-radius: var(--radius-xl); padding: var(--space-xl); margin: var(--space-xl) 0;}.declaration-box h4 { color: var(--white); margin-bottom: var(--space-md);}.declaration-box code { display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 0.2rem 0.5rem; border-radius: var(--radius-sm); font-family: monospace; color: var(--accent-light);}/* Sidebar */.guide-sidebar { position: sticky; top: 100px;}.sidebar-card { background: var(--white); border: 1px solid var(--gray-100); border-radius: var(--radius-xl); padding: var(--space-xl); margin-bottom: var(--space-lg); box-shadow: var(--shadow-md);}.sidebar-card h4 { font-size: 1rem; margin-bottom: var(--space-md); padding-bottom: var(--space-sm); border-bottom: 1px solid var(--gray-100);}.sidebar-partner { border: 1px solid var(--accent); background: linear-gradient(180deg, rgba(8, 145, 178, 0.05) 0%, var(--white) 100%);}.sidebar-partner-header { display: flex; align-items: center; gap: var(--space-md); margin-bottom: var(--space-md);}.sidebar-partner-logo { width: 48px; height: 48px; border-radius: var(--radius-md); object-fit: contain;}.sidebar-partner-name { font-weight: 600; font-size: 1.2rem;}.sidebar-partner-desc { font-size: 0.9rem; color: var(--gray-500);}.sidebar-partner p { font-size: 0.95rem; color: var(--gray-500); margin-bottom: var(--space-md);}.sidebar-partner .btn-primary { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%); }
.sidebar-partner a[href*="c3po.link"]::after, .sidebar-partner a[href*="mention-me.com"]::after { content: "*"; font-size: 0.8em; vertical-align: super; color: var(--gray-500); }.sidebar-toc ul { list-style: none; padding: 0;}.sidebar-toc li { margin-bottom: var(--space-sm);}.sidebar-toc a { display: block; padding: var(--space-sm) var(--space-md); color: var(--gray-500); border-radius: var(--radius-md); font-size: 0.95rem; transition: all var(--transition-fast);}.sidebar-toc a:hover { background: var(--gray-100); color: var(--accent);}

/* Sidebar links avec emojis */
.sidebar-links { list-style: none; padding: 0; margin: 0; }
.sidebar-links li { margin-bottom: var(--space-xs); }
.sidebar-links a { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); color: var(--gray-500); border-radius: var(--radius-md); font-size: 0.95rem; text-decoration: none; transition: all var(--transition-fast); }
.sidebar-links a:hover { background: var(--gray-100); color: var(--accent); }
.sidebar-links a span { font-size: 1.2rem; width: 1.5rem; text-align: center; flex-shrink: 0; }

/* Classes utilitaires */
.table-note { font-size: 0.9rem; opacity: 0.8; margin-top: 0.5rem; }
.table-note--success { color: var(--success); opacity: 1; }
.btn-disabled { opacity: 0.6; cursor: not-allowed; pointer-events: none; }
.mt-sm { margin-top: 0.5rem; }
.mt-md { margin-top: 1rem; }
.mt-lg { margin-top: 1.5rem; }
.conditions-list { list-style: disc; padding-left: 1.5rem; }
.conditions-list li { margin-bottom: 1rem; }
.example-box--highlight { background: var(--gray-100); padding: 1rem; }
.formula-text { font-size: 1.1rem; }
.text-center { text-align: center; }
.text-light { color: var(--gray-500); }
.info-box-highlight { background: linear-gradient(135deg, #059669 0%, #10b981 100%); border: none; }
.info-box-highlight .info-box-title, .info-box-highlight p, .info-box-highlight li { color: white; }

/* Contact page */
.contact-email-box { font-size: 1.2rem; text-align: center; padding: var(--space-lg); }
.contact-email-link { color: var(--accent); font-weight: 600; }
.social-buttons { display: flex; gap: var(--space-lg); justify-content: center; padding: var(--space-lg); flex-wrap: wrap; }
.btn-social { min-width: 150px; }
.newsletter-inline-form { display: flex; gap: var(--space-md); flex-wrap: wrap; }
.newsletter-email-input { flex: 1; min-width: 200px; padding: var(--space-md); border: 2px solid var(--success); border-radius: var(--radius-md); font-size: 1rem; }
.newsletter-note { margin-top: var(--space-sm); font-size: 0.85rem; opacity: 0.8; }
.faq-answer { margin-top: var(--space-md); }
.info-link-info { color: var(--primary); }
.footer-disclaimer a { color: var(--accent-light); }
.footer-disclaimer a[href*="c3po.link"]::after, .footer-disclaimer a[href*="mention-me.com"]::after { content: "*"; font-size: 0.8em; vertical-align: super; color: var(--gray-500); }
.footer-legend { font-size: 0.875rem; color: var(--gray-500) !important; opacity: 0.8; margin-top: var(--space-sm); }
.sidebar-affiliate-mention { font-size: 0.8rem; color: var(--gray-500); text-align: center; margin-top: var(--space-sm); font-style: italic; }
.guide-economy-banner--warning { background: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%); }.sidebar-source { font-size: 0.85rem; color: var(--gray-500);}.sidebar-source a { color: var(--accent); text-decoration: underline;}/* Other guides section */.other-guides { background: var(--gray-100); padding: var(--space-3xl) 0;}.other-guides h2 { text-align: center; margin-bottom: var(--space-2xl);}.other-guides-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg);}/* Responsive */@media (max-width: 1000px) { .guide-content .container { grid-template-columns: 1fr; } .guide-sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-lg); } .other-guides-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 640px) { .guide-header h1 { font-size: 1.8rem; } .guide-economy-banner { flex-direction: column; text-align: center; } .guide-sidebar { grid-template-columns: 1fr; } .other-guides-grid { grid-template-columns: 1fr; }}/* Copy button */.copy-btn { padding: 0.4rem 0.8rem; background: var(--gray-100); border: none; border-radius: var(--radius-md); font-size: 0.85rem; cursor: pointer; transition: all var(--transition-fast);}.copy-btn:hover { background: var(--accent); color: var(--white);}/* Favorites button */.fav-btn { display: inline-flex; align-items: center; gap: var(--space-sm); margin-top: var(--space-lg); padding: 0.6rem 1.2rem; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: var(--radius-lg); color: var(--white); font-size: 0.95rem; cursor: pointer; transition: all var(--transition-fast);}.fav-btn:hover { background: rgba(255, 255, 255, 0.25);}

/* Breadcrumb navigation */
.breadcrumb { padding: var(--space-md) 0; background: var(--gray-100); border-bottom: 1px solid var(--gray-100); }
.breadcrumb-list { display: flex; align-items: center; gap: var(--space-xs); list-style: none; margin: 0; padding: 0; font-size: 0.9rem; flex-wrap: wrap; }
.breadcrumb-item { display: flex; align-items: center; gap: var(--space-xs); }
.breadcrumb-item a { color: var(--gray-500); text-decoration: none; transition: color var(--transition-fast); }
.breadcrumb-item a:hover { color: var(--accent); }
.breadcrumb-item[aria-current="page"] { color: var(--gray-500); font-weight: 500; }
.breadcrumb-separator { color: var(--gray-500); font-size: 0.8rem; }