/*
 * SalamServer independent brand cleanup layer.
 * Purpose: reduce visual similarity with old/source layouts without touching Elementor data.
 */

:root{
  --salam-brand-dark:#0b1220;
  --salam-brand-navy:#111827;
  --salam-brand-gold:#f59e0b;
  --salam-brand-gold-soft:#fff7ed;
  --salam-brand-border:rgba(15,23,42,.10);
}

/* More distinct section rhythm */
body{
  letter-spacing:0;
}

.home .elementor-section,
.home section{
  scroll-margin-top:92px;
}

/* Independent card feeling */
.service__item,
.other-service,
.item-banner,
.faqs-item,
.blog-item,
.product-item,
.swiper-slide .item,
.section-content_box,
.salam-review-card{
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.08)!important;
}

/* More SalamServer-like CTA buttons */
.button,
.btn,
.elementor-button,
a.elementor-button,
button,
input[type="submit"]{
  border-radius:14px;
}

.elementor-button,
a.elementor-button,
.button2,
.button.button2{
  background:linear-gradient(135deg,var(--salam-brand-gold),#fbbf24)!important;
  color:#111827!important;
  box-shadow:0 14px 30px rgba(245,158,11,.25)!important;
}

/* Header/menu differentiation */
.header,
.site-header,
.main-header{
  backdrop-filter:saturate(150%) blur(10px);
}

.main-menu a,
.header a{
  transition:color .2s ease, transform .2s ease;
}

.main-menu a:hover,
.header a:hover{
  color:var(--salam-brand-gold)!important;
}

/* Hero and dark blocks: avoid cyan ServerIR feel */
.hero,
.section-hero,
.intro,
.home-hero{
  background-color:var(--salam-brand-dark);
}

.hero *,
.section-hero *,
.intro *,
.home-hero *{
  text-rendering:optimizeLegibility;
}

/* Price/domain blocks: warmer SalamServer identity */
.domain-wrapper,
.section-domain,
.psr-discount-domain,
.psr-productssl{
  --accent:var(--salam-brand-gold);
}

.domain-wrapper,
.section-domain{
  border-radius:30px;
}

/* Footer differentiation */
footer,
.footer{
  background:#070b14!important;
}

footer a:hover,
.footer a:hover{
  color:var(--salam-brand-gold)!important;
}

/* Mobile polish */
@media(max-width:768px){
  .service__item,
  .other-service,
  .item-banner,
  .faq-item,
  .faqs-item{
    border-radius:20px!important;
  }
}