/* Direct-Promoteur.tn — feuille de styles dédiée (extraite du layout resources/views/layouts/direct-promoteur.blade.php) */

:root {
  --dp-primary:#044A5E;
  --dp-primary-dark:#033B4B;
  --dp-gold:#C8A34B;
  --dp-gold-dark:#A98232;
  --dp-bg:#E0E9EC;
  --dp-text:#17323b;
  --dp-muted:#6b7d83
}
body.dp-site {
  color:var(--dp-text);
  background:var(--dp-bg)
}
.dp-site h1,.dp-site h2,.dp-site h3,.dp-site .dp-brand-font {
  font-family:'Fraunces',Georgia,serif;
  font-weight:600
}
.dp-header {
  background:#fff;
  border-bottom:1px solid #e8edef;
  position:relative;
  z-index:1000
}
.dp-nav {
  min-height:78px
}
.dp-logo {
  height:64px;
  width:auto;
  object-fit:contain
}
.dp-site .nav-link {
  color:var(--dp-primary);
  font-weight:600
}
.dp-site .nav-link:hover,.dp-site .nav-link.active {
  color:var(--dp-gold-dark)
}
.dp-btn {
  background:var(--dp-primary);
  color:#fff;
  border:1px solid var(--dp-primary);
  border-radius:8px;
  padding:.65rem 1.1rem;
  font-weight:600
}
.dp-btn:hover {
  background:var(--dp-primary-dark);
  color:#fff
}
.dp-btn-gold {
  background:var(--dp-gold);
  color:#fff;
  border:1px solid var(--dp-gold);
  border-radius:8px;
  padding:.65rem 1.1rem;
  font-weight:600
}
.dp-hero {
  background:linear-gradient(135deg,#f5f9fa,#fff);
  border-bottom:1px solid #edf1f2
}
.dp-section {
  padding:70px 0
}
.dp-card {
  border:1px solid #e5ecef;
  border-radius:14px;
  overflow:hidden;
  height:100%;
  background:#fff
}
.dp-footer {
  background:var(--dp-primary-dark);
  color:#fff
}
.dp-footer a {
  color:#e9f3f5
}
.dp-gold-line {
  width:64px;
  height:3px;
  background:var(--dp-gold);
  display:inline-block
}
/* V20.2 global stability */
.dp-header {
  position:sticky;
  top:0
}
.dp-site main {
  overflow:hidden
}
.dp-hero-slider-zone {
  padding:18px 0 0;
  background:var(--dp-bg)
}
.dp-hero-slider {
  display:block;
  position:relative
}
.dp-hero-slide {
  display:none;
  animation:dpFade .5s ease
}
.dp-hero-slide.is-active {
  display:block
}
.dp-hero-slide .dp-ad-slot {
  min-height:130px
}
.dp-hero-slide .dp-ad-media {
  width:100%;
  aspect-ratio:6/1;
  height:auto;
  object-fit:cover
}
.dp-ad-expand {
  position:absolute;
  top:8px;
  right:8px;
  z-index:3;
  width:30px;
  height:30px;
  border-radius:50%;
  border:none;
  background:rgba(0,0,0,.45);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:14px
}
.dp-ad-expand:hover {
  background:rgba(0,0,0,.65)
}
.dp-lightbox {
  display:none;
  position:fixed;
  inset:0;
  z-index:2000;
  background:rgba(4,16,20,.92);
  align-items:center;
  justify-content:center;
  padding:24px
}
.dp-lightbox.is-open {
  display:flex
}
.dp-lightbox img,.dp-lightbox video {
  max-width:100%;
  max-height:90vh;
  border-radius:8px
}
.dp-lightbox-close {
  position:absolute;
  top:18px;
  right:18px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:20px;
  cursor:pointer
}
.dp-lightbox-close:hover {
  background:rgba(255,255,255,.22)
}
.dp-lightbox-nav {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2001;
  width:44px;
  height:44px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center
}
.dp-lightbox-nav:hover {
  background:rgba(255,255,255,.22)
}
.dp-lightbox-nav.prev {
  left:18px
}
.dp-lightbox-nav.next {
  right:18px
}
.dp-lightbox-counter {
  position:absolute;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  font-size:13px;
  background:rgba(255,255,255,.12);
  border-radius:20px;
  padding:5px 14px
}
.dp-gallery-count {
  position:absolute;
  bottom:10px;
  right:10px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:12px;
  border-radius:6px;
  padding:3px 9px
}
.dp-document-action {
  color:var(--dp-gold-dark);
  font-weight:600;
  font-size:.85rem
}
.dp-hero-slider-dots {
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:2
}
.dp-hero-slider-dots button {
  width:9px;
  height:9px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.55);
  padding:0;
  cursor:pointer
}
.dp-hero-slider-dots button.is-active {
  background:#fff;
  width:22px;
  border-radius:6px
}
.dp-hero-slider-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:36px;
  height:36px;
  border-radius:50%;
  border:none;
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center
}
.dp-hero-slider-arrow.prev {
  left:10px
}
.dp-hero-slider-arrow.next {
  right:10px
}
.dp-hero-slider-arrow:hover {
  background:rgba(0,0,0,.55)
}
@keyframes dpFade {
  from {
  opacity:0
}
to {
  opacity:1
}
}
.dp-hero-slider-placeholder {
  min-height:200px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--dp-primary),var(--dp-primary-dark));
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center
}
.dp-hero-slider-placeholder span {
  font-size:.75rem;
  letter-spacing:.16em;
  opacity:.8
}
.dp-hero-slider-placeholder strong {
  font-size:clamp(1.25rem,3vw,2rem)
}
.dp-hero-home {
  margin-top:18px
}
.dp-hero-home .container {
  padding-top:3rem!important;
  padding-bottom:3rem!important
}
@media(max-width:991.98px) {
  .dp-header {
  position:relative
}
.dp-nav {
  min-height:68px
}
.dp-logo {
  height:52px
}
.dp-hero-slider-zone {
  padding-top:12px
}
.dp-hero-slide .dp-ad-media {
  aspect-ratio:3/1;
  height:auto
}
.dp-hero-slider-placeholder {
  min-height:130px
}
.dp-hero-home {
  margin-top:12px
}
.dp-hero-home .container {
  padding-top:2rem!important;
  padding-bottom:2rem!important
}
.dp-partner-network .col-12 {
  width:100%
}
}
.bg-dp-option {
  background-color:var(--dp-gold-dark)!important;
  color:#fff
}