@import url('https://fonts.googleapis.com/css2?family=Secular+One&family=Assistant:wght@300;400;600;800&display=swap');

/* ===== א.ש. הנדסה – הצעה ג (מגזיני, בורדו) – תבנית ניסוי ===== */

/* --- צבעים ומשתנים --- */
html:root {
  --asfire-red: #7A1A14;
  --asfire-red-dark: #5E1410;
  --asfire-red-light: #EFE9DF;
  --asfire-radius: 0;
  --asfire-shadow: none;
  --asfire-shadow-hover: -4px 4px 0 #7A1A14;
  --template-text-dark: #23211f;
  --template-special-color: #7A1A14;
  --template-link-color: #7A1A14;
  --template-link-hover-color: #5E1410;
  --cassiopeia-color-primary: #23211f;
  --cassiopeia-color-link: #7A1A14;
  --cassiopeia-color-hover: #5E1410;
  --body-bg: #FDFBF7;
  --body-color: #2e2b28;
}

/* --- רקע וטקסט רץ --- */
html body {
  background-color: #FDFBF7;
  color: #2e2b28;
  font-family: 'Assistant', system-ui, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.7;
}
html body p,
html body li {
  font-weight: 400;
}

/* --- כותרות --- */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3,
html body .h4, html body .h5, html body .h6,
html body .page-header h1, html body .page-header h2 {
  font-family: 'Secular One', 'Assistant', sans-serif;
  font-weight: 400;
  color: #23211f;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

/* --- קישורים --- */
html body a { color: #7A1A14; }
html body a:hover,
html body a:focus { color: #5E1410; }

/* --- כפתורים: פינות חדות, בורדו, הזזה קלה במעבר עכבר --- */
html body .btn,
html body button,
html body input[type="submit"],
html body input[type="button"] {
  border-radius: 0;
  transition: transform .12s linear, box-shadow .12s linear;
}
html body .btn-primary,
html body .btn-success {
  background-color: #7A1A14;
  border-color: #7A1A14;
  color: #FDFBF7;
  font-weight: 600;
}
html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-success:hover,
html body .btn-success:focus {
  background-color: #5E1410;
  border-color: #5E1410;
  color: #FDFBF7;
  transform: translate(3px, -3px);
  box-shadow: -3px 3px 0 #23211f;
}

/* --- טפסים, כרטיסים והודעות: בלי פינות מעוגלות --- */
html body .form-control,
html body .form-select,
html body .card,
html body .alert,
html body .dropdown-menu,
html body img {
  border-radius: 0;
}
html body .card {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}

/* --- פוטר בהיר ומינימלי --- */
html body .container-footer {
  background-color: #FDFBF7 !important;
  background-image: none !important;
  color: #6b655d !important;
  border-top: 1px solid #e4ddd2 !important;
  box-shadow: none !important;
  margin-top: 64px;
}
html body .container-footer .grid-child {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
html body .container-footer p { margin: 0 !important; }
html body .container-footer a {
  color: #6b655d !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
}
html body .container-footer a:hover,
html body .container-footer a:focus {
  color: #7A1A14 !important;
  border-bottom-color: #7A1A14;
}

/* --- קיר לוגואים: אפור, וצבע מקורי במעבר עכבר --- */
html body img[src*="/images/clients/"] {
  transition: filter .25s ease, opacity .25s ease;
}
html body img[src*="/images/clients/"]:hover {
  filter: none !important;
  opacity: 1 !important;
}

/* --- הדר בסגנון הצעה ג --- */
html body .container-header,
html body header.header {
  background: #FDFBF7 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body .container-nav {
  background: #FDFBF7 !important;
  border-bottom: 1px solid #e4ddd2 !important;
}
html body .container-nav .grid-child {
  padding-top: 14px;
  padding-bottom: 14px;
  gap: 12px 32px;
}
html body .asfire-header-logo img {
  height: 52px;
}
html body #mod-menu1 {
  font-size: 16px;
}
html body #mod-menu1 > li.nav-item {
  margin: 0 !important;
}
html body #mod-menu1 > li.nav-item > a {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 600 !important;
  color: #23211f !important;
  padding: 10px 2px !important;
  margin: 0 12px !important;
  border-bottom: 2px solid transparent !important;
}
html body #mod-menu1 > li.nav-item > a:hover,
html body #mod-menu1 > li.nav-item.current > a,
html body #mod-menu1 > li.nav-item.active > a {
  color: #23211f !important;
  border-bottom-color: #7A1A14 !important;
}
html body #mod-menu1 .mod-menu__toggle-sub {
  color: #6b655d;
}
html body #mod-menu1 .mod-menu__sub {
  background: #FDFBF7 !important;
  border: 1px solid #23211f !important;
  border-radius: 0 !important;
  box-shadow: -4px 4px 0 #7A1A14 !important;
  padding: 10px !important;
}
html body #mod-menu1 .mod-menu__sub a {
  color: #23211f !important;
  border-radius: 0 !important;
  font-family: 'Assistant', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
html body #mod-menu1 .mod-menu__sub a:hover {
  background: #EFE9DF !important;
  color: #7A1A14 !important;
}
html body #mod-custom125 a {
  color: #7A1A14 !important;
  font-family: 'Secular One', 'Assistant', sans-serif;
  font-weight: 400;
  font-size: 17px;
}
html body #mod-custom125 a:hover {
  color: #5E1410 !important;
}
html body .container-search input {
  border-radius: 0 !important;
  border: 1px solid #cfc7bb !important;
  background: #FDFBF7 !important;
  font-family: 'Assistant', sans-serif;
}
html body .container-search input:focus {
  border-color: #7A1A14 !important;
  box-shadow: none !important;
  outline: 2px solid #7A1A14;
  outline-offset: 1px;
}
html body #asfire-nav-toggle {
  border-radius: 0 !important;
  border: 1px solid #23211f !important;
  background: transparent !important;
  color: #23211f !important;
}
html body.asfire-nav-open #mod-menu1 {
  background: #FDFBF7 !important;
  border-top-color: #e4ddd2 !important;
}

/* --- יישור כל רכיבי ההדר לקו אחד --- */
html body .container-nav {
  align-items: center !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
html body .container-nav > * {
  align-self: center !important;
}
html body #mod-custom126 p,
html body #mod-custom125 p {
  margin: 0 !important;
}
html body #mod-custom126 p {
  line-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
html body #mod-menu1 {
  align-items: center !important;
}
html body .container-search {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
html body .container-search search,
html body .container-search form,
html body .container-search .awesomplete {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
html body .container-search label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

/* --- הסתרת חיצי התפריטים הנפתחים במחשב (נפתחים במעבר עכבר) --- */
@media (min-width: 992px) {
  html body #mod-menu1 .mod-menu__toggle-sub {
    display: none !important;
  }
}

/* =========================================================
   תוכן המאמרים הקיימים – עיצוב מגזיני אוטומטי לכל הדפים
   (חל על דפים שלא נכתבו מחדש; דפים מגזיניים עטופים ב-div
   ולכן כללי "ילד ישיר" לא נוגעים בהם)
   ========================================================= */

/* --- כותרת הדף (H1) ופירורי לחם --- */
html body .page-header h1,
html body .com-content-article .page-header h1,
html body .com-content-category-blog .page-header h1 {
  font-size: clamp(32px, 5vw, 52px) !important;
  line-height: 1.1 !important;
  color: #23211f !important;
  margin: 8px 0 28px !important;
  max-width: 900px;
}
html body .mod-breadcrumbs,
html body .breadcrumb {
  background: transparent !important;
  font-size: 14px !important;
  color: #8a837a !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .mod-breadcrumbs a,
html body .breadcrumb a { color: #6b655d !important; }
html body .mod-breadcrumbs a:hover,
html body .breadcrumb a:hover { color: #7A1A14 !important; }

/* --- רוחב קריאה נוח לטקסט רץ (ילדים ישירים בלבד) --- */
html body .com-content-article__body > p,
html body .com-content-article__body > h2,
html body .com-content-article__body > h3,
html body .com-content-article__body > h4,
html body .com-content-article__body > ul,
html body .com-content-article__body > ol,
html body .com-content-article__body > blockquote,
html body .com-content-article__body > div[dir="rtl"] > p {
  max-width: 780px;
}

/* --- טקסט רץ --- */
html body .com-content-article__body p,
html body .com-content-article__body li {
  font-size: 18px;
  line-height: 1.8;
  color: #2e2b28;
}
html body .com-content-article__body strong,
html body .com-content-article__body b {
  font-weight: 800;
  color: #23211f;
}

/* --- כותרות משנה --- */
html body .com-content-article__body > h2 {
  font-size: clamp(26px, 3.4vw, 34px) !important;
  margin: 56px 0 18px !important;
  padding-top: 22px;
  border-top: 1px solid #e4ddd2;
  position: relative;
}
html body .com-content-article__body > h2::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  width: 48px;
  height: 3px;
  background: #7A1A14;
}
html body .com-content-article__body > h3 {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 800 !important;
  font-size: 21px !important;
  color: #23211f !important;
  margin: 36px 0 10px !important;
  line-height: 1.35 !important;
}
html body .com-content-article__body > h4 {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  margin: 28px 0 8px !important;
}
/* כותרות ריקות (רווחים מיותרים מהעורך) */
html body .com-content-article__body h2:empty,
html body .com-content-article__body p:empty { display: none; }

/* --- קישורים בגוף הטקסט --- */
html body .com-content-article__body p a,
html body .com-content-article__body li a,
html body .com-content-article__body td a {
  color: #7A1A14;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
html body .com-content-article__body p a:hover,
html body .com-content-article__body li a:hover,
html body .com-content-article__body td a:hover {
  color: #5E1410;
  text-decoration-thickness: 2px;
}

/* --- רשימות: סימון בורדו --- */
html body .com-content-article__body ul,
html body .com-content-article__body ol {
  padding-right: 22px;
  padding-left: 0;
  margin-bottom: 24px;
}
html body .com-content-article__body li { margin-bottom: 8px; }
html body .com-content-article__body li::marker {
  color: #7A1A14;
  font-weight: 800;
}

/* --- ציטוט --- */
html body .com-content-article__body blockquote {
  margin: 32px 0;
  padding: 4px 24px 4px 0;
  border-right: 4px solid #7A1A14;
  font-size: 22px;
  font-weight: 800;
  color: #23211f;
}

/* --- תמונות --- */
html body .com-content-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  html body .com-content-article__body img[style*="float"] {
    float: none !important;
    display: block;
    margin: 16px 0 !important;
  }
}

/* --- טבלאות --- */
html body .com-content-article__body table {
  width: 100%;
  border-collapse: collapse !important;
  margin: 28px 0;
  font-size: 15.5px;
  background: transparent !important;
}
html body .com-content-article__body th,
html body .com-content-article__body td {
  border: 1px solid #e4ddd2 !important;
  padding: 11px 14px !important;
  text-align: right;
  vertical-align: top;
  background: transparent !important;
  color: #2e2b28 !important;
  font-size: 15.5px;
  line-height: 1.6;
}
html body .com-content-article__body th,
html body .com-content-article__body thead td {
  background: #EFE9DF !important;
  color: #23211f !important;
  font-weight: 800;
}
html body .com-content-article__body td p { font-size: 15.5px; margin: 0; }
@media (max-width: 767px) {
  html body .com-content-article__body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- צבעי רקע ורודים/אדומים שהוטמעו בתוך מאמרים ישנים --- */
html body .com-content-article__body [style*="#fdeceb"],
html body .com-content-article__body [style*="#fdf6f5"] {
  background: #EFE9DF !important;
}
html body .com-content-article__body [style*="#e2231a"] {
  background: #7A1A14 !important;
}
html body .com-content-article__body .text-danger { color: #7A1A14 !important; }
html body .com-content-article__body .bg-danger,
html body .com-content-article__body .btn-danger {
  background-color: #7A1A14 !important;
  border-color: #7A1A14 !important;
  color: #FDFBF7 !important;
}
html body .com-content-article__body .bg-light { background: #EFE9DF !important; }
html body .com-content-article__body .alert,
html body .com-content-article__body .alert-warning {
  background: #EFE9DF !important;
  border: 0 !important;
  border-right: 4px solid #7A1A14 !important;
  color: #2e2b28 !important;
  border-radius: 0 !important;
}
html body .com-content-article__body .card {
  border: 1px solid #e4ddd2 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body .com-content-article__body .shadow-sm { box-shadow: none !important; }
html body .com-content-article__body .rounded { border-radius: 0 !important; }

/* --- רכיבי האתר הקיימים (asfire-*) בגרסה מגזינית --- */
html body .asfire-note {
  background: #EFE9DF !important;
  border-right: 4px solid #7A1A14 !important;
  border-radius: 0 !important;
}
html body .asfire-note h3 { color: #7A1A14 !important; margin-top: 0 !important; }
html body .asfire-spec th {
  background: #EFE9DF !important;
  color: #23211f !important;
}
html body .asfire-steps .step::before {
  border-radius: 0 !important;
  background: transparent !important;
  color: #7A1A14 !important;
  font-family: 'Secular One', sans-serif !important;
  font-size: 26px !important;
  width: auto !important;
  min-width: 44px;
  height: auto !important;
  box-shadow: none !important;
}
html body .asfire-steps .step { border-bottom-color: #e4ddd2 !important; }

/* כרטיסי קישורים (rl-card) */
html body .asfire-links .rl-card {
  background: transparent !important;
  border: 1px solid #d9d1c4 !important;
  border-top: 2px solid #7A1A14 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .12s linear, box-shadow .12s linear !important;
}
html body .asfire-links .rl-card:hover {
  transform: translate(3px, -3px) !important;
  box-shadow: -4px 4px 0 #7A1A14 !important;
  border-color: #23211f !important;
  border-top-color: #7A1A14 !important;
}
html body .asfire-links .rl-head::before { display: none !important; }
html body .asfire-links h3 {
  font-family: 'Secular One', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  margin: 0 !important;
}
html body .asfire-links .rl-go { color: #7A1A14 !important; }

/* רשימת מוצרים נפתחת (asfire-list) – בלי ורוד ובלי אייקונים צבעוניים */
html body .asfire-list > summary {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #23211f !important;
  border-radius: 0 !important;
  font-family: 'Secular One', sans-serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  padding: 14px 0 !important;
}
html body .asfire-list > summary:hover,
html body .asfire-list[open] > summary { background: transparent !important; }
html body .asfire-list h3 {
  background: transparent !important;
  color: #7A1A14 !important;
  font-family: 'Secular One', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  padding: 28px 0 8px !important;
  margin: 0 !important;
  border: 0 !important;
}
html body .asfire-list details {
  background: transparent !important;
  border-bottom: 1px solid #e4ddd2 !important;
}
html body .asfire-list summary {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #23211f !important;
  padding: 13px 0 !important;
}
html body .asfire-list summary::before { display: none !important; }
html body .asfire-list summary:hover,
html body .asfire-list details[open] > summary {
  background: transparent !important;
  color: #7A1A14 !important;
}
html body .asfire-list details > p {
  background: transparent !important;
  padding: 0 0 16px !important;
  font-size: 16px !important;
  color: #2e2b28 !important;
  max-width: 780px;
}

/* --- מודולים מעל התוכן (main-top) – בלי מסגרת כרטיס --- */
html body .main-top.card,
html body .main-bottom.card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* --- טופס יצירת קשר --- */
html body .com-contact .page-header h1 { margin-bottom: 20px !important; }
html body .com-contact h2 {
  font-size: 26px !important;
  margin: 40px 0 16px !important;
}
html body .com-contact__thumbnail { display: none !important; }
html body .com-contact__info dl { margin: 0; }
html body .com-contact__info dd { margin: 0 0 4px; font-size: 18px; }
html body .com-contact__info .contact-telephone {
  font-family: 'Secular One', sans-serif;
  font-size: 24px;
  color: #7A1A14;
}
html body .contact-form .well,
html body .contact-form form {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: 720px;
}
html body .contact-form legend {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  color: #23211f !important;
  border: 0 !important;
}
html body .contact-form label {
  font-weight: 600;
  color: #23211f;
  font-size: 16px;
}
html body .contact-form .form-control {
  background: #FDFBF7 !important;
  border: 1px solid #cfc7bb !important;
  border-radius: 0 !important;
  font-size: 17px;
  padding: 12px 14px;
}
html body .contact-form .form-control:focus {
  border-color: #7A1A14 !important;
  box-shadow: none !important;
  outline: 2px solid #7A1A14;
  outline-offset: 1px;
}
html body .contact-form .btn-primary {
  padding: 14px 28px;
  font-size: 17px;
}

/* =========================================================
   באנר עוגיות + כפתור נגישות – בפלטת הצעה ג
   (הקבצים המקוריים נטענים אחרי user.css, ולכן html body + !important)
   ========================================================= */

/* --- באנר העוגיות: בהיר, קו בורדו עליון --- */
html body #asfire-cookie-banner {
  background: #FDFBF7 !important;
  color: #2e2b28 !important;
  border-top: 2px solid #7A1A14 !important;
  box-shadow: 0 -4px 18px rgba(35, 33, 31, .12) !important;
  font-family: 'Assistant', system-ui, sans-serif !important;
}
html body #asfire-cookie-banner .cb-text,
html body #asfire-cookie-banner p {
  color: #2e2b28 !important;
}
html body #asfire-cookie-banner .cb-text a,
html body #asfire-cookie-banner a {
  color: #7A1A14 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
html body #asfire-cookie-banner button {
  border-radius: 0 !important;
  font-family: 'Assistant', system-ui, sans-serif !important;
  font-weight: 600 !important;
}
html body #asfire-cookie-banner .cb-accept-all {
  background: #7A1A14 !important;
  color: #FDFBF7 !important;
  border: 1.5px solid #7A1A14 !important;
}
html body #asfire-cookie-banner .cb-accept-all:hover {
  background: #5E1410 !important;
  border-color: #5E1410 !important;
}
html body #asfire-cookie-banner .cb-necessary-only {
  background: transparent !important;
  color: #23211f !important;
  border: 1.5px solid #23211f !important;
}
html body #asfire-cookie-banner .cb-settings {
  background: transparent !important;
  color: #6b655d !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* --- חלון הגדרות העוגיות --- */
html body #asfire-cookie-settings .cs-box {
  border-radius: 0 !important;
  background: #FDFBF7 !important;
  color: #2e2b28 !important;
  font-family: 'Assistant', system-ui, sans-serif !important;
  border-top: 3px solid #7A1A14 !important;
}
html body #asfire-cookie-settings .cs-row {
  border-bottom-color: #e4ddd2 !important;
}
html body #asfire-cookie-settings .cs-save {
  background: #7A1A14 !important;
  color: #FDFBF7 !important;
  border-radius: 0 !important;
}
html body #asfire-cookie-settings .cs-close {
  border-radius: 0 !important;
  border-color: #23211f !important;
  color: #23211f !important;
}

/* --- כפתור הנגישות --- */
html body #asfire-a11y-toggle {
  background: #7A1A14 !important;
  color: #FDFBF7 !important;
  border-radius: 0 !important;
  box-shadow: -3px 3px 0 #23211f !important;
}
html body #asfire-a11y-toggle:hover {
  background: #5E1410 !important;
}

/* --- חלונית הנגישות --- */
html body #asfire-a11y-panel {
  border-radius: 0 !important;
  background: #FDFBF7 !important;
  color: #2e2b28 !important;
  font-family: 'Assistant', system-ui, sans-serif !important;
  box-shadow: -4px 4px 0 #7A1A14 !important;
  border: 1px solid #23211f !important;
}
html body #asfire-a11y-panel .a11y-header {
  background: #7A1A14 !important;
  color: #FDFBF7 !important;
  border-radius: 0 !important;
}
html body #asfire-a11y-panel button.a11y-btn {
  background: #FDFBF7 !important;
  border: 1px solid #d9d1c4 !important;
  border-radius: 0 !important;
  color: #23211f !important;
  font-family: 'Assistant', system-ui, sans-serif !important;
}
html body #asfire-a11y-panel button.a11y-btn:hover {
  border-color: #7A1A14 !important;
}
html body #asfire-a11y-panel button.a11y-btn[aria-pressed="true"] {
  background: #7A1A14 !important;
  color: #FDFBF7 !important;
  border-color: #7A1A14 !important;
}
html body #asfire-a11y-panel a {
  color: #7A1A14 !important;
}

/* ===== סוף ===== */