/* portal-theme-safe.css
   עיצוב מרכזי בטוח יחסית לרשות הרבים.
   נמנע ככל האפשר מדריסה כללית של Tailwind/Bootstrap. */

:root{
  --portal-ink:#172033;
  --portal-muted:#667085;
  --portal-primary:#8f1821;
  --portal-primary-dark:#71131a;
  --portal-border:#dfe3e8;
  --portal-canvas:#f6f7f9;
  --portal-paper:#ffffff;
}

/* בסיס כללי עדין בלבד */
body{
  color:var(--portal-ink);
  background:var(--portal-canvas);
}

/* מעטפות מוכרות */
:where(.rb-shell,.shell,.municipal-shell,.container.portal-container){
  width:min(calc(100% - 32px),1440px);
  max-width:1440px;
  margin-inline:auto;
}

/* כרטיסים ורכיבים מוכרים בלבד */
:where(
  .panel,.card,.rb-card,.rb-tool-card,.notice-card,.city-row,
  .rb-item-card,.rb-product-card,.rb-business-card,.rb-pro-card,
  .rb-deal-card,.rb-category-card,.rb-benefit-card
){
  background:var(--portal-paper);
  border:1px solid var(--portal-border);
  border-radius:4px;
  box-shadow:none;
}

/* טיפוגרפיה בתוך רכיבים מוכרים */
:where(
  .panel,.card,.rb-card,.rb-tool-card,.notice-card,.city-row,
  .rb-item-card,.rb-product-card,.rb-business-card,.rb-pro-card,
  .rb-deal-card,.rb-category-card,.rb-benefit-card
) :where(h1,h2,h3,h4,.card-title,.rb-card-title,.notice-title-yad2){
  color:#111827;
  font-weight:800;
}

:where(
  .panel,.card,.rb-card,.rb-tool-card,.notice-card,.city-row,
  .rb-item-card,.rb-product-card,.rb-business-card,.rb-pro-card,
  .rb-deal-card,.rb-category-card,.rb-benefit-card
) :where(p,.card-text,.rb-card-text,.notice-text-yad2){
  color:#445164;
}

/* כפתורים מוכרים */
:where(
  .btn,.btn-primary,.btn-secondary,.rb-action-main,.rb-action-secondary,
  .rb-action-plus,.rb-action-shopland,.btn-primary-city,.btn-secondary-city
){
  border-radius:3px;
  font-weight:700;
}

/* כרטיסים צבעוניים */
:where(.cta-banner,.footer-cta,.blue-banner,.promo-card){
  color:#fff;
}

:where(.cta-banner,.footer-cta,.blue-banner,.promo-card) :where(h1,h2,h3,p,small,strong,span){
  color:#fff;
  opacity:1;
}

/* שדות */
:where(
  .rb-search input,.rb-search select,.rb-newsletter-form input,
  .municipal-shell input,.municipal-shell select,.municipal-shell textarea
){
  border-radius:3px;
}

/* מובייל */
@media(max-width:700px){
  :where(.rb-shell,.shell,.municipal-shell,.container.portal-container){
    width:min(calc(100% - 16px),1440px);
  }
}