/* ─── Global Dee One Banner Styles ─── */

:root {
  --deeone-banner-priv: #d85e0f;
  --deeone-banner-priv-dark: #9a4100;
}

.main:has(.campaign),
.main:has(.search-campaign),
.main:has(.deeone-home-intro) {
  border-left: none;
  border-right: none;
}

.campaign,
.search-campaign {
  margin: 0 0 10px;
  padding: 20px 28px;
  text-align: center;
  border: 2px solid color-mix(in srgb, var(--deeone-banner-priv) 40%, transparent);
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--deeone-banner-priv) 10%, #fff),
    color-mix(in srgb, var(--deeone-banner-priv) 3%, #fff)
  ) !important;
  box-shadow: inset 0 -3px 0 var(--deeone-banner-priv);
  color: #394041;
  line-height: 1.75;
  animation: none;
}

.campaign b,
.campaign strong,
.search-campaign b,
.search-campaign strong {
  color: var(--deeone-banner-priv-dark);
}

.campaign a,
.search-campaign a {
  color: var(--deeone-banner-priv);
}

.campaign a:hover,
.search-campaign a:hover {
  color: var(--deeone-banner-priv-dark);
}