:root {
--il-bg-base: #0a0a0a;
--il-bg-surface: #141414;
--il-bg-element: #1a1a1a;
--il-bg-raised: #222222;
--il-accent: #ffcc00;
--il-accent-hover: #e6b800;
--il-accent-glow: rgba(255, 204, 0, 0.25);
--il-accent-soft: rgba(255, 204, 0, 0.08);
--il-text-primary: #f5f5f5;
--il-text-secondary: #a1a1aa;
--il-text-muted: #666666;
--il-text-body: #d4d4d8;
--il-border: #2a2a2a;
--il-border-light: #333333;
--il-border-hover: #444444;
--il-success: #0fcb8d;
--il-warning: #f59e0b;
--il-danger: #f43f5e;
} html {
background-color: var(--il-bg-base) !important;
}
body,
.page-wrapper,
#wrapper,
#content,
#main,
.shop-page-title,
.page-title-inner,
.page-title {
background-color: var(--il-bg-base) !important;
color: var(--il-text-primary) !important;
} body::before {
content: "";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
pointer-events: none;
z-index: 0;
background-image:
linear-gradient(rgba(255,204,0,0.015) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,204,0,0.015) 1px, transparent 1px);
background-size: 80px 80px;
} h1, h2, h3, h4, h5, h6,
.headline,
.page-title,
.category-title,
.product-title,
.entry-title,
.post-title,
.widget-title,
.shop-page-title {
color: var(--il-text-primary) !important;
}
p, li, td, th, dd, dt, label {
color: var(--il-text-body);
}
a {
color: var(--il-accent);
transition: color 0.3s ease, text-shadow 0.3s ease;
}
a:hover {
color: var(--il-accent-hover);
text-shadow: 0 0 8px var(--il-accent-glow);
} .breadcrumbs, .breadcrumbs a, .breadcrumb-row, .breadcrumb-row a {
color: var(--il-text-muted) !important;
}
.breadcrumbs a:hover, .breadcrumb-row a:hover {
color: var(--il-accent) !important;
} header,
.header,
.header-wrapper,
.header-main,
.header-bottom,
.header-top,
.top-bar,
.header-bg-color,
.header-bg-transparent,
.sticky-header,
.stuck {
background-color: var(--il-bg-base) !important;
border-bottom-color: var(--il-border) !important;
} .logo a, .logo-text, .header .logo a {
color: var(--il-text-primary) !important;
} .header-nav > li > a,
.header-nav > li > a > span,
.nav > li > a,
.nav-dark .nav-top-link,
.nav-dark > li > a,
.nav-line-bottom > li > a,
.nav-line-grow > li > a,
.nav-uppercase > li > a,
.header-nav-main > li > a,
.menu-item > a,
.nav-top-link,
.widget_nav_menu a,
ul.nav > li > a {
color: var(--il-text-secondary) !important;
transition: color 0.3s ease !important;
}
.header-nav > li > a:hover,
.header-nav > li.active > a,
.header-nav > li.current-menu-item > a,
.header-nav > li.current-menu-ancestor > a,
.nav > li > a:hover,
.nav > li.active > a,
.nav > li.current-menu-item > a,
.nav-dark > li > a:hover,
.nav-dark > li.active > a,
.menu-item > a:hover,
.widget_nav_menu a:hover {
color: var(--il-accent) !important;
text-shadow: 0 0 8px var(--il-accent-glow) !important;
} .nav-line-bottom > li > a::after,
.nav-line-grow > li > a::after {
background-color: var(--il-accent) !important;
} .nav-dropdown,
.sub-menu,
ul.children,
.header-nav .sub-menu {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
}
.nav-dropdown li a,
.sub-menu li a,
ul.children li a {
color: var(--il-text-secondary) !important;
border-bottom-color: var(--il-border) !important;
}
.nav-dropdown li a:hover,
.sub-menu li a:hover,
ul.children li a:hover {
color: var(--il-accent) !important;
background-color: var(--il-accent-soft) !important;
} .header-search-form,
.header-search,
.search-form,
.searchform {
background-color: var(--il-bg-element) !important;
border-color: var(--il-border) !important;
}
.header-search-form input,
.search-form input[type="search"],
.searchform input[type="text"] {
background-color: var(--il-bg-element) !important;
color: var(--il-text-primary) !important;
border-color: var(--il-border) !important;
} .social-icons a, .header-social a {
color: var(--il-text-muted) !important;
}
.social-icons a:hover, .header-social a:hover {
color: var(--il-accent) !important;
} .mfp-bg { background: rgba(0,0,0,0.9) !important; }
.sidebar-menu,
.off-canvas,
.off-canvas-center,
.mobile-sidebar-menu,
#main-menu {
background-color: var(--il-bg-surface) !important;
} .button,
button:not(.mfp-close):not(.slick-arrow),
input[type="submit"],
.btn,
.wp-block-button__link,
.checkout-button,
.add_to_cart_button,
.single_add_to_cart_button {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border: none !important;
border-radius: 6px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
transition: all 0.3s ease !important;
box-shadow: none !important;
}
.button:hover,
button:not(.mfp-close):not(.slick-arrow):hover,
input[type="submit"]:hover,
.btn:hover,
.wp-block-button__link:hover {
background-color: var(--il-accent-hover) !important;
color: var(--il-bg-base) !important;
transform: translateY(-2px);
box-shadow: 0 4px 20px var(--il-accent-glow) !important;
}
.button.is-outline,
.button.secondary,
.button.white {
background-color: transparent !important;
color: var(--il-accent) !important;
border: 1px solid var(--il-accent) !important;
}
.button.is-outline:hover,
.button.secondary:hover,
.button.white:hover {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
}  .page-title-inner,
.page-title,
.page-title-small,
.archive-page-title,
.category-page-title,
.term-description {
background-color: var(--il-bg-surface) !important;
color: var(--il-text-primary) !important;
} .slider-wrapper,
.banner,
.flickity-viewport {
border-radius: 12px;
overflow: hidden;
} .post-item,
article.post,
article.page,
.blog-post,
.large-post,
.post-inner,
.box-blog-post,
.box-text-bottom {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 12px !important;
overflow: hidden;
transition: border-color 0.3s ease, transform 0.3s ease !important;
}
.post-item:hover,
article.post:hover,
.box-blog-post:hover {
border-color: var(--il-border-hover) !important;
transform: translateY(-4px);
} .post-inner .box-text,
.post-item .box-text,
article .box-text,
.box-text-bottom .box-text {
background-color: var(--il-bg-surface) !important;
border: none !important;
} .post-item .post-title a,
.box-blog-post .post-title a,
article.post .entry-title a,
.blog-post .post-title a,
.large-post .post-title a {
color: var(--il-text-primary) !important;
transition: color 0.3s ease !important;
text-shadow: none !important;
}
.post-item .post-title a:hover,
.box-blog-post .post-title a:hover,
article.post .entry-title a:hover {
color: var(--il-accent) !important;
} .post-date,
.post-meta,
.entry-meta,
.post-author,
.post-time,
.blog-post .post-date,
.is-meta,
.entry-date,
.byline,
.post-comments-number {
color: var(--il-text-muted) !important;
}
.post-meta a {
color: var(--il-accent) !important;
} .post-category,
.cat-label,
.post-cat,
.entry-category a,
.cat-links a,
.tag-links a,
.post-item .post-category,
.label-new.menu-item > a:after {
color: var(--il-accent) !important;
font-weight: 600;
} .post-excerpt,
.entry-summary,
.from_the_blog_excerpt {
color: var(--il-text-secondary) !important;
} .read-more,
.blog-read-more a,
.more-link {
color: var(--il-accent) !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8rem;
} .post-item + .post-item,
article + article {
border-top-color: var(--il-border) !important;
} .page-numbers,
.page-number,
.nav-pagination,
.pagination {
background-color: transparent !important;
}
.page-numbers li a,
.page-numbers li span:not(.current),
.nav-pagination a {
background-color: var(--il-bg-element) !important;
color: var(--il-text-secondary) !important;
border: 1px solid var(--il-border) !important;
border-radius: 6px !important;
transition: all 0.3s ease !important;
}
.page-numbers li a:hover,
.nav-pagination a:hover {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border-color: var(--il-accent) !important;
}
.page-numbers li .current,
.page-numbers li span.current {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border-color: var(--il-accent) !important;
font-weight: 700;
} .single-post #content,
.single-post .entry-content,
.single-post article {
background-color: var(--il-bg-base) !important;
}
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content td {
color: var(--il-text-body) !important;
line-height: 1.85;
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
color: var(--il-text-primary) !important;
border-bottom: 1px solid var(--il-border);
padding-bottom: 0.5rem;
margin-top: 2rem;
}
.single-post .entry-content blockquote {
border-left: 3px solid var(--il-accent) !important;
background-color: var(--il-accent-soft) !important;
color: var(--il-text-body) !important;
padding: 1rem 1.5rem !important;
border-radius: 0 8px 8px 0;
}
.single-post .entry-content code,
.single-post .entry-content pre {
background-color: var(--il-bg-element) !important;
color: var(--il-accent) !important;
border: 1px solid var(--il-border) !important;
border-radius: 4px;
}
.single-post .entry-content table {
border-color: var(--il-border) !important;
}
.single-post .entry-content th {
background-color: var(--il-bg-element) !important;
color: var(--il-text-primary) !important;
border-color: var(--il-border) !important;
}
.single-post .entry-content td {
border-color: var(--il-border) !important;
} .post-navigation,
.next-prev-nav,
.nav-next a,
.nav-previous a {
color: var(--il-text-secondary) !important;
}
.nav-next a:hover,
.nav-previous a:hover {
color: var(--il-accent) !important;
} .post-lien-quan .post-item,
.related-posts .post-item {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 12px !important;
} .comments-area,
#comments,
.comment-list,
.comment-respond {
background-color: var(--il-bg-base) !important;
}
.comment-body,
.comment {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 8px !important;
padding: 1.25rem !important;
margin-bottom: 1rem !important;
}
.comment-author,
.comment-metadata,
.comment-content p {
color: var(--il-text-body) !important;
} .sidebar,
#secondary,
.widget-area {
background-color: transparent !important;
}
.widget {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 8px !important;
padding: 1.25rem !important;
margin-bottom: 1.5rem !important;
}
.widget-title,
.widgettitle {
color: var(--il-accent) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 0.85rem !important;
border-bottom: 2px solid var(--il-accent) !important;
padding-bottom: 0.75rem !important;
margin-bottom: 1rem !important;
}
.widget a {
color: var(--il-text-secondary) !important;
}
.widget a:hover {
color: var(--il-accent) !important;
}
.widget li {
border-bottom-color: var(--il-border) !important;
color: var(--il-text-secondary) !important;
} .widget .count,
.widget .post-count {
color: var(--il-text-muted) !important;
} .tagcloud a,
.tag-cloud-link {
background-color: var(--il-bg-element) !important;
color: var(--il-text-secondary) !important;
border: 1px solid var(--il-border) !important;
border-radius: 4px !important;
}
.tagcloud a:hover,
.tag-cloud-link:hover {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border-color: var(--il-accent) !important;
} footer,
.footer-wrapper,
.footer,
#footer,
.absolute-footer,
.footer-1,
.footer-2 {
background-color: var(--il-bg-base) !important;
border-top: 1px solid var(--il-border) !important;
color: var(--il-text-muted) !important;
}
footer a, .footer a, .absolute-footer a {
color: var(--il-text-secondary) !important;
}
footer a:hover, .footer a:hover, .absolute-footer a:hover {
color: var(--il-accent) !important;
}
footer h3, footer h4, .footer h3, .footer h4 {
color: var(--il-text-primary) !important;
} input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.select2-container .select2-selection {
background-color: var(--il-bg-element) !important;
color: var(--il-text-primary) !important;
border: 1px solid var(--il-border) !important;
border-radius: 6px !important;
transition: border-color 0.3s ease !important;
}
input:focus, textarea:focus, select:focus {
border-color: var(--il-accent) !important;
box-shadow: 0 0 0 3px var(--il-accent-glow) !important;
outline: none !important;
}
::placeholder {
color: var(--il-text-muted) !important;
opacity: 1;
}  section[style*="background-color: rgb(255"],
section[style*="background-color:#fff"],
section[style*="background-color: #fff"],
section[style*="background-color:white"],
.section.light-bg,
.row.light-bg {
background-color: var(--il-bg-surface) !important;
} .box, .box-vertical, .box-text, .box-image {
background-color: var(--il-bg-surface) !important;
} hr, .divider, .is-divider {
border-color: var(--il-border) !important;
opacity: 1;
} .section, .row {
border-color: var(--il-border) !important;
} .banner-inner {
border-radius: 12px;
overflow: hidden;
} .primary-color,
.color-primary,
.has-primary-color,
.is-primary,
.badge-inner {
color: var(--il-accent) !important;
}
.bg-primary,
.primary-bg,
.has-primary-background-color {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
} .badge-circle,
.callout,
.header-button .badge-count {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
} .post-img img,
.wp-post-image {
border-radius: 8px;
} .mfp-wrap .mfp-content,
.pswp__bg {
background-color: rgba(10,10,10,0.95) !important;
} ::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--il-bg-base); }
::-webkit-scrollbar-thumb { background: var(--il-border-light); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--il-accent); }
::selection {
background-color: var(--il-accent);
color: var(--il-bg-base);
} @media (max-width: 849px) {
.mobile-sidebar-menu,
.mfp-content .sidebar-menu {
background-color: var(--il-bg-surface) !important;
}
.mobile-sidebar-menu a,
.mfp-content .sidebar-menu a {
color: var(--il-text-secondary) !important;
border-bottom-color: var(--il-border) !important;
}
.mobile-sidebar-menu a:hover,
.mfp-content .sidebar-menu a:hover {
color: var(--il-accent) !important;
}
}   .post-item,
article.post,
.box-blog-post {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 12px !important;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.3),
0 4px 12px rgba(0, 0, 0, 0.15) !important;
position: relative;
margin-bottom: 1rem !important;
padding: 0 !important;
} .post-item:hover,
article.post:hover,
.box-blog-post:hover {
border-color: var(--il-accent) !important;
transform: translateY(-6px) !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.4),
0 12px 40px rgba(0, 0, 0, 0.25),
0 0 0 1px var(--il-accent),
0 0 30px rgba(255, 204, 0, 0.08) !important;
} .post-item::before,
article.post::before,
.box-blog-post::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--il-accent), transparent);
opacity: 0;
transition: opacity 0.4s ease;
z-index: 2;
}
.post-item:hover::before,
article.post:hover::before,
.box-blog-post:hover::before {
opacity: 1;
} .post-item .col-inner .box-image img,
article.post .post-thumbnail img,
.box-blog-post .box-image img,
.post-item img.wp-post-image {
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
object-fit: cover;
}
.post-item:hover img,
article.post:hover img,
.box-blog-post:hover img {
transform: scale(1.04) !important;
} .post-item .post-category,
.post-item .entry-category a,
.cat-label,
.post-cat {
display: inline-block !important;
font-size: 0.6875rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
color: var(--il-accent) !important;
background: rgba(255, 204, 0, 0.08) !important;
padding: 4px 10px !important;
border-radius: 4px !important;
margin-bottom: 8px !important;
border: 1px solid rgba(255, 204, 0, 0.15) !important;
} .post-item .post-title,
.box-blog-post .post-title,
article.post .entry-title {
font-size: 1.125rem !important;
font-weight: 600 !important;
line-height: 1.35 !important;
letter-spacing: -0.01em !important;
margin-bottom: 8px !important;
}
.post-item .post-title a,
.box-blog-post .post-title a,
article.post .entry-title a {
color: var(--il-text-primary) !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.post-item:hover .post-title a,
.box-blog-post:hover .post-title a,
article.post:hover .entry-title a {
color: var(--il-accent) !important;
} .post-item .post-meta,
.post-item .is-meta,
.post-date,
.entry-meta {
font-size: 0.75rem !important;
color: var(--il-text-muted) !important;
font-weight: 400 !important;
margin-bottom: 10px !important;
} .post-item .post-excerpt,
.entry-summary,
.from_the_blog_excerpt {
font-size: 0.875rem !important;
line-height: 1.7 !important;
color: var(--il-text-secondary) !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
word-break: break-word !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
margin-bottom: 16px !important;
} .post-item .read-more,
.blog-read-more a,
.more-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
color: var(--il-accent) !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
padding: 6px 0 !important;
}
.post-item .read-more:hover,
.blog-read-more a:hover,
.more-link:hover {
color: var(--il-accent-hover) !important;
gap: 10px !important;
text-shadow: 0 0 8px var(--il-accent-glow) !important;
}
.post-item .read-more::after,
.more-link::after {
content: "→";
transition: transform 0.3s ease;
}
.post-item:hover .read-more::after,
.more-link:hover::after {
transform: translateX(4px);
} .widget {
background: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 12px !important;
padding: 1.25rem !important;
margin-bottom: 1.25rem !important;
overflow: visible !important;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.2),
0 4px 12px rgba(0, 0, 0, 0.1) !important;
} .widget .post-count,
.widget .number,
.widget .number-post,
.widget .badge-circle,
.widget .jeg_post_count,
.widget span.number {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 28px !important;
min-height: 28px !important;
border-radius: 50% !important;
background: var(--il-accent) !important;
color: var(--il-bg-base) !important;
font-weight: 700 !important;
font-size: 0.75rem !important;
flex-shrink: 0 !important;
overflow: visible !important;
} .widget li,
.widget .post-item {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 10px 0 !important;
border-bottom: 1px solid var(--il-border) !important;
overflow: visible !important;
}
.widget li:last-child,
.widget .post-item:last-child {
border-bottom: none !important;
} .widget li a,
.widget .post-item a {
color: var(--il-text-primary) !important;
text-decoration: none !important;
font-size: 0.875rem !important;
line-height: 1.4 !important;
transition: color 0.2s !important;
}
.widget li a:hover,
.widget .post-item a:hover {
color: var(--il-accent) !important;
} .widget .widget-title,
.widget h3,
.widget h4 {
color: var(--il-text-primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
margin-bottom: 12px !important;
padding-bottom: 8px !important;
border-bottom: 2px solid var(--il-accent) !important;
} .page-numbers li a,
.page-numbers li span:not(.current) {
background: var(--il-bg-element) !important;
color: var(--il-text-secondary) !important;
border: 1px solid var(--il-border) !important;
border-radius: 8px !important;
padding: 8px 14px !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
}
.page-numbers li a:hover {
background: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border-color: var(--il-accent) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px var(--il-accent-glow) !important;
}
.page-numbers li .current {
background: var(--il-accent) !important;
color: var(--il-bg-base) !important;
border-color: var(--il-accent) !important;
font-weight: 700 !important;
} .widget-newsletter {
background: linear-gradient(135deg, var(--il-bg-element), var(--il-bg-surface)) !important;
border: 1px solid var(--il-accent) !important;
border-radius: 12px !important;
padding: 2rem !important;
text-align: center;
position: sticky;
top: 100px;
}
.widget-newsletter .widget-title {
color: var(--il-accent) !important;
font-size: 1rem !important;
border-bottom: none !important;
margin-bottom: 0.5rem !important;
}
.widget-newsletter p {
font-size: 0.8125rem !important;
color: var(--il-text-secondary) !important;
line-height: 1.6;
margin-bottom: 1rem !important;
}
.widget-newsletter input[type="email"] {
width: 100% !important;
margin-bottom: 0.75rem !important;
} .blog-service-banner {
background: linear-gradient(135deg, var(--il-bg-element), rgba(255,204,0,0.05));
border: 1px solid var(--il-accent);
border-radius: 16px;
padding: 2rem;
margin: 2rem 0;
text-align: center;
}
.blog-service-banner h3 {
color: var(--il-text-primary) !important;
font-size: 1.25rem;
margin-bottom: 0.5rem;
}
.blog-service-banner p {
color: var(--il-text-secondary);
margin-bottom: 1rem;
} .slider-wrapper,
.banner,
.flickity-viewport {
border-radius: 16px !important;
overflow: hidden !important;
}
@media only screen and (max-width: 48em) {  .page-wrapper,
#content,
.row.row-main,
.large-9,
.large-3,
.col {
padding-left: 8px !important;
padding-right: 8px !important;
} .post-item,
article.post,
.box-blog-post {
margin-bottom: 12px !important;
border-radius: 10px !important;
} .post-item .box-text,
.post-item .col-inner,
article.post .entry-content {
padding: 12px !important;
} .post-item:hover,
article.post:hover {
transform: translateY(-2px) !important;
} .post-item .post-excerpt,
.entry-summary {
-webkit-line-clamp: 2 !important;
font-size: 0.8125rem !important;
} .post-item .post-title,
article.post .entry-title {
font-size: 0.95rem !important;
line-height: 1.3 !important;
margin-bottom: 4px !important;
} .post-item .post-meta,
.post-item .is-meta,
.post-date,
.entry-meta {
font-size: 0.7rem !important;
margin-bottom: 6px !important;
} .widget {
padding: 1rem !important;
margin-bottom: 12px !important;
} .widget-newsletter {
position: static !important;
} .slider-wrapper,
.banner {
margin-bottom: 12px !important;
} .row {
margin-bottom: 0 !important;
}
.section-content {
padding: 16px 8px !important;
} .breadcrumbs {
padding: 8px 0 !important;
font-size: 0.75rem !important;
}
} .footer-wrapper,
footer,
#footer,
#footer .section,
#footer .row,
#footer .col,
#footer .col-inner,
#footer > .section,
.footer-wrapper .section,
.footer-wrapper .row,
.absolute-footer,
.footer-1,
.footer-2,
.footer-3,
.copyright-footer,
.footer-widgets,
.row.dark,
.dark .row {
background-color: var(--il-bg-surface) !important;
color: var(--il-text-secondary) !important;
border-color: var(--il-border) !important;
} #footer [class*="section"],
#footer [id*="section"],
.footer-wrapper [class*="section"],
.footer-wrapper [id*="section"] {
background-color: var(--il-bg-surface) !important;
background: var(--il-bg-surface) !important;
}  #footer#footer .section,
#footer#footer [id^="section_"],
#footer#footer > .section,
#footer#footer > div,
.footer-wrapper .section[style],
#footer .section[style],
#footer div[id^="section_"] {
background-color: var(--il-bg-surface) !important;
background: var(--il-bg-surface) !important;
color: var(--il-text-secondary) !important;
} #footer .section-content,
#footer .row-inner,
.footer-wrapper .section-content,
.footer-wrapper .row-inner {
background-color: transparent !important;
} .footer-wrapper *,
footer *,
#footer *,
.absolute-footer *,
.copyright-footer * {
color: var(--il-text-secondary) !important;
} .footer-wrapper a,
footer a,
#footer a,
.absolute-footer a {
color: var(--il-text-body) !important;
transition: color 0.2s ease;
}
.footer-wrapper a:hover,
footer a:hover,
#footer a:hover,
.absolute-footer a:hover {
color: var(--il-accent) !important;
} .footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3,
.footer-wrapper h4, .footer-wrapper h5, .footer-wrapper h6,
#footer h1, #footer h2, #footer h3,
#footer h4, #footer h5, #footer h6 {
color: var(--il-text-primary) !important;
} .footer-wrapper .social-icons a,
#footer .social-icons a,
footer .social-icons a {
color: var(--il-text-muted) !important;
transition: color 0.2s ease, transform 0.2s ease;
}
.footer-wrapper .social-icons a:hover,
#footer .social-icons a:hover,
footer .social-icons a:hover {
color: var(--il-accent) !important;
transform: translateY(-2px);
} .footer-wrapper .widget,
#footer .widget,
footer .widget {
border-color: var(--il-border) !important;
} .copyright-footer,
.absolute-footer {
background-color: var(--il-bg-base) !important;
border-top: 1px solid var(--il-border) !important;
}
.copyright-footer *,
.absolute-footer * {
color: var(--il-text-muted) !important;
font-size: 0.8125rem !important;
} .related-posts-wrapper,
.post-lien-quan,
.related_post {
background-color: var(--il-bg-base) !important;
padding: 24px 0 !important;
} .related-posts-wrapper h2,
.related-posts-wrapper h3,
h3.related-post-title,
.related_post h3 {
color: var(--il-text-primary) !important;
font-family: 'Space Grotesk', -apple-system, sans-serif !important;
} .post-lien-quan .col,
.post-lien-quan .box,
.post-lien-quan article,
.related_post .post-item {
background-color: var(--il-bg-surface) !important;
border: 1px solid var(--il-border) !important;
border-radius: 12px !important;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.post-lien-quan .col:hover,
.post-lien-quan .box:hover,
.post-lien-quan article:hover {
border-color: var(--il-accent) !important;
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 0 24px var(--il-accent-glow);
} .post-lien-quan .box-text h5,
.post-lien-quan .box-text h5 a,
.post-lien-quan .entry-title,
.post-lien-quan .entry-title a,
.related_post a {
color: var(--il-text-primary) !important;
transition: color 0.2s ease;
}
.post-lien-quan .box-text h5 a:hover,
.post-lien-quan .entry-title a:hover,
.related_post a:hover {
color: var(--il-accent) !important;
} .post-lien-quan .box-text .is-xsmall,
.post-lien-quan .post-date,
.post-lien-quan .entry-meta,
.related_post .post-date {
color: var(--il-text-muted) !important;
} .post-lien-quan .label-paste.tag-label,
.post-lien-quan .badge,
.post-lien-quan .tag-label {
background-color: var(--il-accent) !important;
color: var(--il-bg-base) !important;
font-weight: 700 !important;
border-radius: 4px !important;
} .post-lien-quan .box-text {
background-color: var(--il-bg-surface) !important;
padding: 16px !important;
} .post-navigation,
.nav-previous,
.nav-next,
.next-prev-nav {
background-color: var(--il-bg-surface) !important;
border-color: var(--il-border) !important;
}
.post-navigation a,
.next-prev-nav a {
color: var(--il-text-body) !important;
}
.post-navigation a:hover,
.next-prev-nav a:hover {
color: var(--il-accent) !important;
}form:tool-form-active {
outline: 2px dashed #ffcc00;
outline-offset: 6px;
border-radius: 16px;
animation: webmcpPulse 1.8s infinite ease-in-out;
} button:tool-submit-active,
input[type="submit"]:tool-submit-active,
.fsub:tool-submit-active {
box-shadow:
0 0 0 3px rgba(255, 204, 0, .35),
0 0 24px rgba(255, 204, 0, .45) !important;
transform: translateY(-1px);
transition: box-shadow .2s, transform .2s;
} input:tool-input-active,
textarea:tool-input-active,
select:tool-input-active {
background-color: rgba(255, 204, 0, .06) !important;
border-color: #ffcc00 !important;
box-shadow: 0 0 0 2px rgba(255, 204, 0, .25) !important;
}
@keyframes webmcpPulse {
0%, 100% { outline-color: rgba(255, 204, 0, .5); }
50%      { outline-color: rgba(255, 204, 0, 1); }
} .webmcp-banner {
position: fixed;
bottom: 16px;
right: 16px;
z-index: 9999;
background: #141414;
color: #ffcc00;
border: 1px solid #ffcc00;
border-radius: 12px;
padding: 10px 16px;
font-size: 13px;
font-weight: 600;
box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
display: none;
}
.webmcp-banner.show { display: block; }