/* =====================================================================
   Deals & Rewards Banner — Public Menu Page
   Style: Two-panel layout matching Gift Card banner
   Left: dark background with icon cluster | Right: solid dark bg, CTA
   Loaded via: resources/views/public/business/tabs/_deals_rewards_banner.blade.php
   ===================================================================== */

.rp-dr-banner {
  margin: 20px 0 12px 0;
}

/* Outer wrapper — rounded corners, clip children */
.rp-dr-banner-wrap {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 12px;
  overflow: hidden;
  min-height: 340px;
}

@media (min-width: 640px) {
  .rp-dr-banner-wrap {
    grid-template-columns: 1fr 1fr;
    min-height: 360px;
  }
}

/* ── Left panel: dark bg with icon cluster ── */
.rp-dr-banner-visual {
  background: var(--rp-dr-panel-bg, #1a3a2a);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}

@media (min-width: 640px) {
  .rp-dr-banner-visual {
    min-height: unset;
  }
}

/* 2×2 icon cluster */
.rp-dr-icon-cluster {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 32px;
  background: var(--rp-dr-panel-bg, #1a3a2a);
}

.rp-dr-icon-tile {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: var(--theme-icon-color, #ffffff);
}

.rp-dr-icon-tile i {
  font-size: 28px;
}

/* ── Right panel: solid dark bg, centered content ── */
.rp-dr-banner-body {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--rp-dr-panel-bg, #1a3a2a);
  color: var(--rp-dr-panel-text, #ffffff) !important;
  gap: 0;
}

.rp-dr-banner-title {
  font-size: 32px;
  font-weight: 800;
  color: var(--rp-dr-panel-text, #ffffff) !important;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
  background: none;
}

@media (max-width: 639px) {
  .rp-dr-banner-title {
    font-size: 28px;
    letter-spacing: 0.06em;
  }
}

.rp-dr-banner-desc {
  font-size: 14px;
  color: var(--rp-dr-panel-muted, rgba(255,255,255,0.86)) !important;
  margin: 0 0 28px 0;
  line-height: 1.6;
  max-width: 280px;
  padding: 0;
  border: none;
  background: none;
}

/* CTA button follows global theme button variables */
.rp-dr-banner-btn {
  display: inline-block;
  padding: 11px 30px;
  background: var(--theme-button-color, #00D9A5);
  color: var(--theme-button-text-color, #ffffff) !important;
  -webkit-text-fill-color: var(--theme-button-text-color, #ffffff) !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 999px;
  border: 2px solid var(--theme-button-border-color, var(--theme-button-color, #00D9A5));
  text-decoration: none !important;
  line-height: 1;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.rp-dr-banner-btn:hover {
  background: var(--theme-button-overlay-color, #00C896);
  border-color: var(--theme-button-border-color, var(--theme-button-color, #00D9A5));
  color: var(--theme-button-text-color, #ffffff) !important;
  -webkit-text-fill-color: var(--theme-button-text-color, #ffffff) !important;
  text-decoration: none !important;
}

/* Scope contrast to the panel so global menu typography cannot override it. */
.rp-dr-banner .rp-dr-banner-body .rp-dr-banner-title{color:var(--rp-dr-panel-text,#fff)!important;-webkit-text-fill-color:var(--rp-dr-panel-text,#fff)!important}
.rp-dr-banner .rp-dr-banner-body .rp-dr-banner-desc{color:var(--rp-dr-panel-muted,rgba(255,255,255,.86))!important;-webkit-text-fill-color:var(--rp-dr-panel-muted,rgba(255,255,255,.86))!important}

/* Bismillah Pizza homepage promotional cards, account 457 only */
.rp-bismillah-home-promo{margin:16px 0!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-wrap,.rp-gift-banner-wrap){display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;min-height:244px!important;max-height:300px!important;border-radius:16px!important;overflow:hidden!important;border:1px solid #e9e3e0;box-shadow:0 4px 15px rgba(40,20,20,.06)}
.rp-bismillah-home-promo :is(.rp-dr-banner-visual,.rp-gift-banner-visual){position:relative;min-height:244px!important;overflow:hidden;background:#211719!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-photo,.rp-gift-banner-img){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important;display:block!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-body,.rp-gift-banner-body){background:#241b1b!important;color:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:26px 31px!important;gap:10px!important;min-width:0!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-title,.rp-gift-banner-title){color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(20px,2.6vw,27px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:0!important;text-transform:none!important;text-align:left!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-desc,.rp-gift-banner-desc){color:#e2d9d5!important;-webkit-text-fill-color:#e2d9d5!important;font-size:13px!important;line-height:1.55!important;margin:0!important;text-align:left!important}
.rp-bismillah-home-promo .rp-gift-banner-body p[style]{color:#ffc8c1!important;font-size:12px!important;margin:0!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-btn,.rp-gift-banner-btn){display:inline-flex!important;justify-content:center!important;align-items:center!important;align-self:flex-start!important;background:#bd1d29!important;color:#fff!important;border:1px solid #bd1d29!important;border-radius:9px!important;padding:0 20px!important;min-height:40px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;margin-top:5px!important;box-shadow:none!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-btn,.rp-gift-banner-btn):hover{background:#a71823!important;border-color:#a71823!important}
@media(max-width:680px){
.rp-bismillah-home-promo :is(.rp-dr-banner-wrap,.rp-gift-banner-wrap){grid-template-columns:1fr!important;max-height:none!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-visual,.rp-gift-banner-visual){min-height:0!important;height:auto!important;aspect-ratio:16/9}
.rp-bismillah-home-promo :is(.rp-dr-banner-body,.rp-gift-banner-body){padding:22px!important}
}

/* Mobile refinement for Bismillah Pizza cards */
@media(max-width:680px){
.rp-bismillah-home-promo{margin:12px 0!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-wrap,.rp-gift-banner-wrap){display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important;border-radius:16px!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-visual,.rp-gift-banner-visual){width:100%!important;height:154px!important;min-height:0!important;aspect-ratio:auto!important;flex:none!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-photo,.rp-gift-banner-img){object-fit:cover!important;object-position:center!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-body,.rp-gift-banner-body){width:100%!important;padding:16px 18px 17px!important;align-items:flex-start!important;text-align:left!important;gap:7px!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-title,.rp-gift-banner-title){font-size:20px!important;line-height:1.2!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-desc,.rp-gift-banner-desc){font-size:12px!important;line-height:1.45!important}
.rp-bismillah-home-promo :is(.rp-dr-banner-btn,.rp-gift-banner-btn){margin-top:7px!important;min-height:42px!important;width:100%!important;max-width:none!important}
.rp-bismillah-home-promo .rp-gift-banner-body p[style]{font-size:11px!important}
}