/*
Theme Name: ITIS Constructions Bois
Theme URI: https://www.itisconstructionsbois.fr/
Author: ITIS Constructions Bois
Description: Thème vitrine contemporain pour ITIS Constructions Bois, avec réalisations, conseils, formulaire de projet et contenus de démarrage.
Version: 3.8.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: itis
*/

:root {
  --itis-green: #5fae46;
  --itis-green-dark: #397b2b;
  --itis-ink: #171a18;
  --itis-charcoal: #222724;
  --itis-muted: #657067;
  --itis-paper: #f5f6f3;
  --itis-line: #dfe4dd;
  --itis-white: #fff;
  --itis-wood: #4a2d1d;
  --itis-radius: 16px;
  --itis-shadow: 0 16px 40px rgba(19, 30, 22, .10);
  --itis-container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--itis-ink); background: var(--itis-white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
body.admin-bar .site-header { top: 32px; }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--itis-green-dark); text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--itis-green); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { width: auto; height: auto; clip: auto; padding: 12px; margin: 8px; background: #fff; color: #000; z-index: 100000; }
.container { width: var(--itis-container); margin-inline: auto; }
.itis-elementor-content > .elementor { width: 100%; }
.itis-elementor-homepage .section-title { color: var(--itis-light-section-title, #171a18) !important; -webkit-text-fill-color: var(--itis-light-section-title, #171a18) !important; }
.itis-elementor-homepage .section--steps .section-head,
.itis-elementor-homepage .section--local .local-content { position: relative; z-index: 2; }
.itis-elementor-empty { padding: 180px 20px 100px; text-align: center; }
.itis-elementor-empty__inner { width: min(760px,100%); margin: auto; padding: 34px; border: 1px dashed #aab7aa; border-radius: 14px; background: #f5f6f3; }
.section { padding: clamp(64px, 8vw, 112px) 0; }
.section--soft { background: var(--itis-paper); }
.section--dark { color: #fff; background: var(--itis-charcoal); }
.section-head { max-width: 740px; margin: 0 auto 42px; text-align: center; }
.eyebrow { margin: 0 0 10px; color: var(--itis-green-dark); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.section--dark .eyebrow, .hero .eyebrow { color: #8ad276; }
h1, h2, h3, h4 { margin: 0 0 .65em; font-weight: 750; line-height: 1.12; letter-spacing: -.025em; }
h1 { font-size: clamp(2.5rem, 6vw, 5rem); }
h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }
p { margin: 0 0 1.2em; }
.lead { color: var(--itis-muted); font-size: clamp(1.05rem, 2vw, 1.25rem); }
.section--dark .lead { color: #cbd3cd; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 1px solid var(--itis-green); border-radius: 8px; background: var(--itis-green); color: #fff; font-weight: 750; line-height: 1.2; text-decoration: none; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); background: var(--itis-green-dark); border-color: var(--itis-green-dark); color: #fff; }
.button--ghost { border-color: rgba(255,255,255,.55); background: rgba(10,14,11,.25); }
.button--ghost:hover { border-color: #fff; background: #fff; color: var(--itis-ink); }
.text-link { display: inline-flex; gap: 7px; align-items: center; font-weight: 750; text-decoration: none; }
.text-link::after { content: "→"; transition: transform .2s; }
.text-link:hover::after { transform: translateX(4px); }

.site-header { position: absolute; inset: 0 0 auto; z-index: 100; color: var(--itis-header-text, #fff); }
.site-header.is-scrolled { position: fixed; background: var(--itis-header-scrolled-bg, #151916); box-shadow: 0 8px 28px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.header-inner { display: flex; min-height: 122px; gap: 28px; align-items: center; }
.site-branding { margin-right: auto; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo-link img { width: 170px; max-width: none; max-height: none; height: auto; filter: drop-shadow(0 2px 7px rgba(0,0,0,.38)); }
.brand-fallback { display: inline-flex; gap: 10px; align-items: center; color: var(--itis-header-text, #fff); font-size: .86rem; font-weight: 850; line-height: 1.05; text-decoration: none; text-transform: uppercase; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 9px 9px 9px 2px; background: var(--itis-green); font-size: 1.25rem; }
.primary-menu, .footer-menu { display: flex; margin: 0; padding: 0; gap: 24px; align-items: center; list-style: none; }
.primary-menu a { color: var(--itis-header-text, #fff); font-size: .92rem; font-weight: 680; text-decoration: none; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { color: var(--itis-header-hover, #91db7f); }
.header-cta { border-color: var(--itis-header-button-bg, #5fae46); background: var(--itis-header-button-bg, #5fae46); color: var(--itis-header-button-text, #fff); white-space: nowrap; }
.header-cta:hover { border-color: var(--itis-header-button-hover, #397b2b); background: var(--itis-header-button-hover, #397b2b); color: var(--itis-header-button-text, #fff); }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: var(--itis-header-text, #fff); }

.hero { --itis-hero-text: #fff; --itis-hero-text-soft: #eef3ef; --itis-hero-highlight: #8fdd79; --itis-hero-photo-overlay: rgba(4,9,6,0); position: relative; display: grid; min-height: 760px; color: var(--itis-hero-text); background: transparent; place-items: center; overflow: hidden; }
.hero::before { position: absolute; inset: 0; content: ""; background-color: transparent; background-image: linear-gradient(var(--itis-hero-photo-overlay),var(--itis-hero-photo-overlay)), var(--hero-image, none); background-position: center; background-size: cover; transform: scale(1.01); }
.hero::after { position: absolute; right: -12%; bottom: -45%; width: 640px; height: 640px; content: ""; border: 1px solid rgba(119,190,97,.22); border-radius: 50%; box-shadow: 0 0 0 80px rgba(119,190,97,.035), 0 0 0 160px rgba(119,190,97,.025); }
.hero-inner { position: relative; z-index: 1; display: grid; padding-top: 110px; gap: 62px; align-items: end; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); }
.hero-copy { max-width: 800px; padding-bottom: 28px; text-shadow: 0 2px 5px rgba(0,0,0,.78), 0 8px 28px rgba(0,0,0,.48); }
.itis-elementor-homepage .hero-copy h1 { max-width: 800px; font-family: "Century Gothic", "Avenir Next", Futura, Montserrat, "Helvetica Neue", Arial, sans-serif; font-size: clamp(2.5rem, 4.5vw, 4.25rem); font-weight: 600; line-height: 1.07; letter-spacing: -.04em; text-rendering: optimizeLegibility; }
.itis-elementor-homepage .hero h1,
.itis-elementor-homepage .hero h2,
.itis-elementor-homepage .hero h3,
.itis-elementor-homepage .hero h4,
.itis-elementor-homepage .hero p,
.itis-elementor-homepage .hero li,
.itis-elementor-homepage .hero .elementor-heading-title,
.itis-elementor-homepage .hero .elementor-widget-text-editor,
.itis-elementor-homepage .hero .elementor-icon-list-text { color: var(--itis-hero-text) !important; }
.itis-elementor-homepage .hero .eyebrow { color: var(--itis-hero-highlight) !important; }
.itis-elementor-homepage .hero-copy h1 span { color: var(--itis-hero-highlight) !important; }
.itis-elementor-homepage .hero-copy .lead { max-width: 680px; color: var(--itis-hero-text-soft) !important; }
.itis-elementor-homepage .hero .button { color: #fff !important; text-shadow: none; }
.itis-elementor-homepage .hero .button--ghost { border-color: rgba(255,255,255,.76); background: rgba(5,10,7,.46); }
.itis-elementor-homepage .hero .button--ghost:hover { color: var(--itis-ink) !important; background: #fff; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.hero-proof { padding: 30px; border: 1px solid rgba(255,255,255,.34); border-radius: var(--itis-radius); background: rgba(5,10,7,.46); box-shadow: 0 16px 55px rgba(0,0,0,.28); color: var(--itis-hero-text); text-shadow: 0 1px 9px rgba(0,0,0,.75); backdrop-filter: blur(7px); }
.hero-proof ul { margin: 0; padding: 0; list-style: none; }
.hero-proof li { display: flex; padding: 13px 0; gap: 12px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); font-weight: 650; }
.hero-proof li:last-child { border: 0; }
.check { display: grid; flex: 0 0 24px; height: 24px; place-items: center; border: 1px solid var(--itis-green); border-radius: 50%; color: #88d473; font-size: .78rem; }

.services-grid { display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.service-card { display: flex; min-height: 100%; flex-direction: column; border: 1px solid var(--itis-line); border-radius: var(--itis-radius); background: #fff; box-shadow: 0 10px 30px rgba(20,32,22,.05); overflow: hidden; transition: transform .25s, box-shadow .25s; }
.service-card:hover { transform: translateY(-5px); box-shadow: var(--itis-shadow); }
.service-media { position: relative; height: 210px; background: linear-gradient(135deg,#27392c,#7b9c7d); overflow: hidden; }
.service-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.service-card:hover .service-media img { transform: scale(1.045); }
.service-index { position: absolute; right: 16px; bottom: 14px; color: rgba(255,255,255,.86); font-size: 2.1rem; font-weight: 800; }
.service-body { display: flex; flex: 1; padding: 25px; flex-direction: column; }
.service-body p { color: var(--itis-muted); }
.service-body .text-link { margin-top: auto; }

.trust-strip { padding: 54px 0; color: #fff; background-color: var(--itis-wood); background-image: linear-gradient(105deg,rgba(33,18,10,.82),rgba(79,45,25,.78)), repeating-linear-gradient(8deg,rgba(255,255,255,.04) 0 1px, transparent 1px 18px); }
.trust-grid { display: grid; gap: 26px; grid-template-columns: repeat(4,1fr); }
.trust-item { text-align: center; }
.trust-icon { display: grid; width: 54px; height: 54px; margin: 0 auto 16px; place-items: center; border: 1px solid #7bc564; border-radius: 50%; color: #8cdb76; font-size: 1.35rem; }
.trust-item strong { display: block; margin-bottom: 4px; font-size: 1.15rem; }
.trust-item span { color: #dfd7d1; font-size: .9rem; }

.projects-grid { display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.project-card { position: relative; min-height: 330px; border-radius: var(--itis-radius); background: #263a2c; color: #fff; overflow: hidden; }
.project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }
.project-card:hover img { transform: scale(1.05); }
.project-card::after { position: absolute; inset: 30% 0 0; content: ""; background: linear-gradient(transparent,var(--itis-project-overlay, rgba(6,10,7,.88))); }
.project-card__content { position: absolute; z-index: 1; inset: auto 24px 22px; }
.project-card__content h3 { margin-bottom: 6px; }
.project-card__content a { color: #fff; text-decoration: none; }
.project-meta { color: #cdddce; font-size: .88rem; }
.section-actions { margin-top: 34px; text-align: center; }
.project-placeholder { position: absolute; inset: 0; background: linear-gradient(145deg,#1d2d22,#57735b); }
.project-placeholder::after { position: absolute; right: -35px; bottom: -35px; width: 190px; height: 190px; content: ""; border: 1px solid rgba(255,255,255,.2); transform: rotate(45deg); }

.expertise-grid { display: grid; gap: clamp(38px,7vw,90px); align-items: center; grid-template-columns: 1fr 1fr; }
.expertise-visual { position: relative; min-height: 480px; border-radius: 22px; background: linear-gradient(140deg,#1a2a20,#6b8b6f); overflow: hidden; }
.expertise-visual img { width: 100%; height: 100%; object-fit: cover; }
.expertise-badge { position: absolute; right: 20px; bottom: 20px; max-width: 260px; padding: 20px; border-radius: 12px; background: rgba(17,25,19,.90); color: #fff; }
.expertise-points { display: grid; margin-top: 28px; gap: 18px; grid-template-columns: 1fr 1fr; }
.expertise-points strong { display: block; margin-bottom: 3px; }
.expertise-points span { color: var(--itis-muted); font-size: .92rem; }

.steps { display: grid; gap: 16px; grid-template-columns: repeat(5,1fr); counter-reset: steps; }
.step { position: relative; text-align: center; counter-increment: steps; }
.step-number { display: grid; width: 68px; height: 68px; margin: 0 auto 18px; place-items: center; border: 1px solid #8fcf7e; border-radius: 50%; background: #fff; color: var(--itis-green-dark); font-size: 1.2rem; font-weight: 800; }
.step h3 { color: var(--itis-step-text, #397b2b) !important; font-size: 1.05rem; font-weight: 800; }
.step p { color: var(--itis-step-text, #397b2b) !important; font-size: .9rem; font-weight: 600; }
.step:not(:last-child)::after { position: absolute; top: 34px; left: calc(50% + 46px); width: calc(100% - 92px); height: 1px; content: ""; background: #cdd7cc; }

.posts-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,1fr); }
.post-card { border: 1px solid var(--itis-line); border-radius: var(--itis-radius); background: #fff; overflow: hidden; }
.post-card__media { height: 190px; background: linear-gradient(135deg,#1d3123,#79917b); }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.post-card__body { padding: 24px; }
.post-card__meta { margin-bottom: 10px; color: var(--itis-green-dark); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.post-card h3 { font-size: 1.25rem; }
.post-card h3 a { color: var(--itis-ink); text-decoration: none; }

.local-grid { display: grid; gap: 50px; align-items: center; grid-template-columns: 1.15fr .85fr; }
.map-panel { position: relative; min-height: 390px; border-radius: 20px; background-color: #e9ede6; background-image: linear-gradient(40deg,transparent 46%,rgba(100,130,102,.18) 47% 49%,transparent 50%), linear-gradient(-32deg,transparent 47%,rgba(100,130,102,.15) 48% 50%,transparent 51%); background-size: 120px 90px,150px 110px; overflow: hidden; }
.map-panel::before { position: absolute; inset: 14% 21% 18% 17%; content: "Gironde"; display: grid; place-items: center; border: 2px solid rgba(73,126,61,.5); border-radius: 52% 48% 60% 40%; color: var(--itis-green-dark); font-size: 1.4rem; font-weight: 800; transform: rotate(-6deg); }
.map-pin { position: absolute; top: 46%; left: 48%; width: 18px; height: 18px; border: 4px solid #fff; border-radius: 50% 50% 50% 0; background: var(--itis-green); box-shadow: 0 4px 10px rgba(0,0,0,.22); transform: rotate(-45deg); }
.city-list { columns: 2; margin: 25px 0 0; padding: 0; list-style: none; }
.city-list li { padding: 5px 0; color: var(--itis-muted); }
.city-list li::before { margin-right: 8px; content: "•"; color: var(--itis-green); }

.faq-grid { display: grid; gap: 12px 22px; grid-template-columns: 1fr 1fr; }
.faq-item { border: 1px solid var(--itis-line); border-radius: 10px; background: #fff; }
.faq-question { display: flex; width: 100%; padding: 18px 20px; gap: 16px; align-items: center; justify-content: space-between; border: 0; background: transparent; color: var(--itis-ink); font-weight: 750; text-align: left; }
.faq-question span:last-child { color: var(--itis-green-dark); font-size: 1.35rem; }
.faq-answer { display: none; padding: 0 20px 18px; color: var(--itis-muted); }
.faq-item.is-open .faq-answer { display: block; }

.contact-band { position: relative; padding: 52px 0; color: var(--itis-contact-band-title, #fff); background: var(--itis-contact-band-bg, #111813); overflow: hidden; }
.contact-band::before { position: absolute; inset: 0; content: ""; background-image: var(--hero-image,none); background-position: center; background-size: cover; opacity: .18; }
.contact-band__inner { position: relative; display: flex; gap: 30px; align-items: center; justify-content: space-between; }
.contact-band h2 { margin: 0; font-size: clamp(1.8rem,3vw,2.6rem); }
.contact-band h2 { color: var(--itis-contact-band-title, #fff); }
.contact-band p { margin: 7px 0 0; color: var(--itis-contact-band-text, #cdd5cf); }
.contact-methods { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.contact-methods a { color: var(--itis-contact-band-title, #fff); font-weight: 720; text-decoration: none; }

.site-footer { padding: 56px 0 22px; color: var(--itis-footer-text, #cad1cc); background: var(--itis-footer-bg, #121613); }
.footer-grid { display: grid; padding-bottom: 42px; gap: 40px; grid-template-columns: 1.3fr .8fr 1fr; }
.footer-title { margin-bottom: 14px; color: var(--itis-footer-title, #fff); font-size: 1rem; }
.footer-menu { display: block; }
.footer-menu li { margin-bottom: 8px; }
.footer-menu a, .site-footer a { color: var(--itis-footer-link, #d5ddd7); text-decoration: none; }
.footer-menu a:hover, .site-footer a:hover { color: var(--itis-footer-link-hover, #8fd979); }
.footer-bottom { display: flex; padding-top: 20px; gap: 20px; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); font-size: .82rem; }
.footer-legal { display: flex; gap: 18px; }

.page-hero { padding: 190px 0 84px; color: #fff; background: linear-gradient(130deg,#142018,#2b4632); }
.page-hero .lead { max-width: 720px; color: #d9e1db; }
.content-wrap { width: min(820px,calc(100% - 40px)); margin-inline: auto; }
.entry-content { font-size: 1.05rem; }
.entry-content h2 { margin-top: 2em; font-size: clamp(1.75rem,3vw,2.5rem); }
.entry-content h3 { margin-top: 1.7em; }
.entry-content ul { padding-left: 1.3em; }
.entry-content > *:first-child { margin-top: 0; }
.legal-content { font-size: .98rem; }
.legal-content h2 { font-size: 1.6rem; }
.notice { padding: 16px 18px; border-left: 4px solid var(--itis-green); background: #eef5ec; }
.archive-grid { display: grid; gap: 24px; grid-template-columns: repeat(3,1fr); }
.pagination { margin-top: 42px; }
.nav-links { display: flex; gap: 8px; justify-content: center; }
.page-numbers { padding: 8px 13px; border: 1px solid var(--itis-line); border-radius: 7px; text-decoration: none; }
.page-numbers.current { border-color: var(--itis-green); background: var(--itis-green); color: #fff; }

.project-detail-grid { display: grid; gap: 55px; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); }
.project-facts { padding: 26px; border-radius: 14px; background: var(--itis-paper); }
.project-facts dl { margin: 0; }
.project-facts div { padding: 13px 0; border-bottom: 1px solid var(--itis-line); }
.project-facts div:last-child { border: 0; }
.project-facts dt { color: var(--itis-muted); font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.project-facts dd { margin: 3px 0 0; font-weight: 700; }

.contact-layout { display: grid; gap: 58px; grid-template-columns: .8fr 1.2fr; }
.contact-card { padding: 30px; border-radius: var(--itis-radius); background: var(--itis-paper); }
.contact-card a { overflow-wrap: anywhere; }
.project-form { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.field--full { grid-column: 1 / -1; }
.project-form label { display: block; margin-bottom: 7px; font-weight: 720; }
.project-form input:not([type=checkbox]), .project-form select, .project-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #cbd3cb; border-radius: 8px; background: #fff; color: var(--itis-ink); }
.project-form textarea { min-height: 150px; resize: vertical; }
.project-form input:focus, .project-form select:focus, .project-form textarea:focus { border-color: var(--itis-green); outline: 3px solid rgba(95,174,70,.16); }
.consent { display: flex; gap: 10px; align-items: flex-start; color: var(--itis-muted); font-size: .9rem; }
.consent input { margin-top: 5px; }
.form-status { padding: 14px 16px; border-radius: 8px; background: #edf7ea; color: #27611c; }
.form-status--error { background: #fff0ef; color: #8d2620; }

@media (max-width: 980px) {
  .menu-toggle { display: block; }
  .site-nav { position: absolute; top: 76px; right: 20px; left: 20px; display: none; padding: 18px; border-radius: 12px; background: var(--itis-mobile-menu-bg, #171d19); box-shadow: var(--itis-shadow); }
  .site-nav.is-open { display: block; }
  .primary-menu { display: block; }
  .primary-menu li { border-bottom: 1px solid rgba(255,255,255,.1); }
  .primary-menu a { display: block; padding: 12px 4px; }
  .header-cta { display: none; }
  .hero { min-height: 820px; }
  .hero-inner { gap: 28px; grid-template-columns: 1fr; }
  .hero-proof { max-width: 610px; }
  .services-grid, .projects-grid, .posts-grid, .archive-grid { grid-template-columns: repeat(2,1fr); }
  .steps { gap: 26px; grid-template-columns: repeat(3,1fr); }
  .step::after { display: none; }
  .trust-grid { grid-template-columns: repeat(2,1fr); }
  .expertise-grid, .local-grid, .contact-layout, .project-detail-grid { grid-template-columns: 1fr; }
  .contact-band__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  :root { --itis-container: min(100% - 28px,1180px); }
  body.admin-bar .site-header { top: 46px; }
  .section { padding: 58px 0; }
  .header-inner { min-height: 104px; }
  .custom-logo-link img { width: 140px; max-width: none; max-height: none; }
  .hero { min-height: 880px; }
  .hero-inner { padding-top: 110px; }
  .hero-proof { padding: 20px; }
  .services-grid, .projects-grid, .posts-grid, .archive-grid, .faq-grid { grid-template-columns: 1fr; }
  .trust-grid { gap: 34px; grid-template-columns: 1fr 1fr; }
  .expertise-points { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .step { display: grid; gap: 0 16px; grid-template-columns: 56px 1fr; text-align: left; }
  .step-number { width: 56px; height: 56px; margin: 0; grid-row: span 2; }
  .city-list { columns: 1; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .footer-legal { flex-wrap: wrap; }
  .project-form { grid-template-columns: 1fr; }
  .field--full { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}