/* ===== Primary Orange Theme ===== */
:root{
  --bs-primary: #ff8a00;
  --bs-primary-rgb: 230, 108, 16;

  /* opsional biar hover/active lebih gelap dikit */
  --primary-hover: #cc5f0e;
  --primary-active: #ff8a00;
}

/* Bootstrap/Sneat components */
.btn-primary{
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-border-color: var(--primary-hover);
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary{
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* text/link/bg utilities */
.text-primary{ color: var(--bs-primary) !important; }
.bg-primary{ background-color: var(--bs-primary) !important; }
.link-primary{ color: var(--bs-primary) !important; }
.link-primary:hover{ color: var(--primary-hover) !important; }

/* Progress bar (campaign progress) */
.progress-bar{ background-color: var(--bs-primary) !important; }

/* Form focus ring */
.form-control:focus, .form-select:focus{
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
.footer-social{
display:flex;
gap:10px;
}

.social-icon{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:18px;
color:#fff;
text-decoration:none;
transition:all .25s ease;
}

.social-icon:hover{
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

/* warna masing masing */

.social-icon.ig{
background:#E1306C;
}

.social-icon.fb{
background:#1877F2;
}

.social-icon.yt{
background:#FF0000;
}

.social-icon.wa{
background:#25D366;
}
/* ===== FOOTER ===== */

.footer-modern{
background:#f8f9fb;
}

.footer-title{
font-weight:700;
color:#1f2937;
margin-bottom:12px;
}

.footer-text{
color:#6b7280;
font-size:14px;
line-height:1.7;
}

.footer-link{
color:#6b7280;
text-decoration:none;
transition:.2s;
}

.footer-link:hover{
color:#198754;
}

/* ===== SOCIAL ICON ===== */

.footer-social{
display:flex;
gap:10px;
margin-top:15px;
}

.social-icon{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
color:#fff;
font-size:18px;
text-decoration:none;
transition:.25s;
}

.social-icon:hover{
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.social-icon.ig{background:#E1306C;}
.social-icon.fb{background:#1877F2;}
.social-icon.yt{background:#FF0000;}
.social-icon.wa{background:#25D366;}

/* ===== FLOATING WHATSAPP ===== */

.wa-float-wrap{
position:fixed;
right:18px;
bottom:18px;
z-index:9999;
display:flex;
align-items:center;
gap:10px;
}

.wa-float-text{
background:#fff;
color:#111827;
border-radius:999px;
padding:10px 14px;
box-shadow:0 10px 30px rgba(0,0,0,.12);
font-size:13px;
font-weight:600;
white-space:nowrap;
text-decoration:none;
transition:.25s;
}

.wa-float-text small{
display:block;
font-size:11px;
color:#6b7280;
margin-top:2px;
}

.wa-float-btn{
position:relative;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 12px 30px rgba(37,211,102,.35);
transition:.2s;
}

.wa-float-btn:hover{
transform:translateY(-2px) scale(1.03);
background:#1fbe5d;
}

.wa-float-btn svg{
width:28px;
height:28px;
fill:#fff;
}

.wa-float-btn::before{
content:'';
position:absolute;
inset:0;
border-radius:50%;
background:rgba(37,211,102,.35);
animation:waPulse 2s infinite;
z-index:-1;
}

@keyframes waPulse{
0%{transform:scale(1);opacity:.8;}
70%{transform:scale(1.55);opacity:0;}
100%{opacity:0;}
}

@media(max-width:576px){

.wa-float-text{
display:none;
}

.wa-float-btn{
width:56px;
height:56px;
}

}

.footer-modern {
  position: relative;
  background: #fff;
  color: #000;
  overflow: hidden;
}

/* ORNAMEN LEBIH TERANG */

.footer-modern::before {
  opacity: 0.5;
  filter: brightness(1.2) saturate(1.1);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 100%;
  background: url('/admin/assets/img/uploads/element-footer.png') no-repeat left bottom;
  background-size: contain;
  
  opacity: 0.45; /* ⬅️ naikkan dari 0.15 */
  filter: brightness(1.1); /* ⬅️ lebih terang */
  
  pointer-events: none;
}

/* JUDUL */
.footer-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}

/* TEXT */
.footer-text {
  font-size: 13px;
  color: #444; /* ⬅️ ganti jadi abu gelap */
}

/* LINK */
.footer-link {
  color: #333;
  text-decoration: none;
}

.footer-link:hover {
  color: #000;
}

/* ICON SOSIAL */
.social-icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(0,0,0,0.06); /* ⬅️ ubah dari putih */
  margin-right: 6px;
  color: #000;
  transition: .2s;
}

.social-icon:hover {
  background: rgba(0,0,0,0.12);
}

/* FORM INVOICE */
.invoice-box input {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 6px 10px;
}

.invoice-box button {
  border-radius: 8px;
  font-weight: 600;
}