.base-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.icon-box {
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: rgba(255,255,255,0.2);
}





.action-btn {
    background: white;
    color: #1e3a8a;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}
 

/**
Theme Name: Astra child-theme
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme
Template: astra
*/


/* ════════════════════════════════════════════════════════════════════
   🌊  מרכז ספורט ימי — בת גלים אלנבי
   גרסה: 3.0 FINAL  |  קובץ מאוחד מלא
   ════════════════════════════════════════════════════════════════════
   כולל:
     • עיצוב כללי + Design Tokens
     • Header + כותרת אתר
     • כרטיס סטטוס + שעות (ללא קשת)
     • כרטיס השכרה (ללא קשת, ריווח נדיב)
     • וידג'ט מצלמה LIVE
     • Widget ASR — דוח ים
     • כפתורי פעולה + יצירת קשר
     • Footer — עליון, ראשי, תחתי
     • Breakpoints רספונסיביים
     • נגישות — Reduced Motion
   ════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
   0. RESET גלובלי
   ════════════════════════════════════════════════════════════════════ */

html, body {
    overflow-x: hidden;   /* מניעת גלילה אופקית */
    direction:  rtl;
}

/* ביטול padding של אלמנטור על content container */
#content .ast-container,
#content .ast-container-fluid {
    padding-right: 0 !important;
    padding-left:  0 !important;
}



/* ════════════════════════════════════════════════════════════════════
   1. DESIGN TOKENS — משתני עיצוב
   ════════════════════════════════════════════════════════════════════ */

:root {

    /* ── א. פלטת צבעים בסיסית (3 צבעים בלבד) ── */
    --color-primary:   #0A2540;   /* כחול ים עמוק */
    --color-accent:    #00C9A7;   /* ירוק מים טרופי */
    --color-light:     #FFFFFF;   /* לבן נקי */

    /* ── ב. נגזרי שקיפות ── */
    --color-primary-05:  rgba(10,  37,  64,  0.05);
    --color-primary-10:  rgba(10,  37,  64,  0.10);
    --color-primary-20:  rgba(10,  37,  64,  0.20);
    --color-primary-30:  rgba(10,  37,  64,  0.30);
    --color-accent-10:   rgba(0,  201, 167,  0.10);
    --color-accent-15:   rgba(0,  201, 167,  0.15);
    --color-accent-30:   rgba(0,  201, 167,  0.30);
    --color-accent-40:   rgba(0,  201, 167,  0.40);

    /* ── ג. צבעי ממשק ── */
    --color-bg-page:     #eef2f7;   /* רקע עמוד כללי — אפור-כחול עדין */
    --color-bg-card:     #ffffff;
    --color-text-main:   #0f172a;
    --color-text-muted:  #64748b;
    --color-border:      #e2e8f0;
    --color-success:     #10b981;   /* ירוק "פתוח" */
    --color-info:        #2563eb;   /* כחול כפתור פעולה */

    /* ── ד. מרווחים (grid 8px) ── */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  16px;
    --space-4:  24px;
    --space-5:  32px;
    --space-6:  48px;

    /* ── ה. טיפוגרפיה נזילה ── */
    --text-xs:   clamp(10px, 1.4vw, 12px);
    --text-sm:   clamp(12px, 1.7vw, 14px);
    --text-base: clamp(14px, 2vw,   16px);
    --text-md:   clamp(15px, 2.2vw, 18px);
    --text-lg:   clamp(18px, 2.8vw, 22px);
    --text-xl:   clamp(22px, 3.5vw, 30px);
    --text-2xl:  clamp(28px, 4.5vw, 42px);

    /* ── ו. עיגולי פינות ── */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-xl:   28px;
    --radius-pill: 9999px;

    /* ── ז. צלליות ── */
    --shadow-xs:   0 1px  3px  var(--color-primary-05);
    --shadow-sm:   0 2px  8px  var(--color-primary-10);
    --shadow-md:   0 6px  20px var(--color-primary-10);
    --shadow-lg:   0 12px 36px rgba(0, 0, 0, 0.08);
    --shadow-card: 0 4px 6px -1px rgba(0,0,0,0.07),
                   0 2px 4px -1px rgba(0,0,0,0.04);

    /* ── ח. אנימציות ── */
    --ease-fast:   0.15s ease;
    --ease-smooth: 0.30s ease;
    --ease-bounce: 0.40s cubic-bezier(0.34, 1.56, 0.64, 1);
}


/* ════════════════════════════════════════════════════════════════════
   2. HEADER — פס עליון + ניווט + כותרת האתר
   ════════════════════════════════════════════════════════════════════ */
.messagevibe {
    direction: rtl;
    font-family: "Rubik", sans-serif;
    font-size: clamp(15px, 2vw, 21px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.015em;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 8px 44px 26px 44px;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
}
.messagevibe::before {
    content: "\201C";
    position: absolute;
    right: 4px;
    top: -10px;
    font-family: "Rubik", sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 1;
    pointer-events: none;
}
.messagevibe::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 4px;
    height: 12px;
    background-repeat: repeat-x;
    background-size: 80px 12px;
    background-position-x: 0px;
    animation: waveMoveOnly 3s linear infinite;
}
@keyframes waveMoveOnly {
    0%   { background-position-x: 0px; }
    100% { background-position-x: 80px; }
}
.site-header-above-section-left .messagevibe {
    color: #ffffff;
}
.site-header-above-section-left .messagevibe::before {
    color: #ffffff;
    opacity: 0.35;
}
.site-header-above-section-left .messagevibe::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12' viewBox='0 0 80 12'%3E%3Cpath d='M0 6 C 15 2%2C 25 10%2C 40 6 C 55 2%2C 65 10%2C 80 6' stroke='%23ffffff' stroke-width='3.5' stroke-opacity='0.5' fill='none' stroke-linecap='round'/%3E%3C%2Fsvg%3E");
}
.asr-message .messagevibe {
    color: #1e3a5f;
}
.asr-message .messagevibe::before {
    color: #5f9fb6;
    opacity: 0.4;
}
.asr-message .messagevibe::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='12' viewBox='0 0 80 12'%3E%3Cpath d='M0 6 C 15 2%2C 25 10%2C 40 6 C 55 2%2C 65 10%2C 80 6' stroke='%235f9fb6' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C%2Fsvg%3E");
}
@media (max-width: 768px) {
    .messagevibe {
        font-size: clamp(13px, 3.5vw, 17px);
        padding: 8px 32px 22px 32px;
    }
    .messagevibe::before {
        font-size: 46px;
        right: 2px;
        top: -8px;
    }
}
@media (max-width: 480px) {
    .messagevibe {
        font-size: 14px;
        padding: 6px 26px 20px 26px;
        letter-spacing: 0;
    }
    .messagevibe::before {
        font-size: 38px;
    }
}
/* ── 2.1 פס מידע עליון (טלפון + הודעה) ── */
.ast-above-header-bar.ast-above-header.site-header-focus-item {
    background:  #046bd2;
    color:       var(--color-light);
    padding:     var(--space-2) var(--space-3);
    font-size:   var(--text-sm);
    line-height: 1.5;
    font-family: 'Assistant', sans-serif;
}

/* ── 2.2 ניווט ראשי ── */
.ast-main-header-wrap,
.main-header-bar {
    background-color: var(--color-light);
    box-shadow:       0 2px 16px var(--color-primary-10);
    border-bottom:    2px solid var(--color-accent-15);
    position:         relative;
    z-index:          99;
    transition:       box-shadow var(--ease-smooth);
}

/* ── 2.3 לוגו — גדלים נזילים (ללא @media) ── */
.header-logo-img,
img.header-logo-img {
    max-height: 75px;
    height:     clamp(40px, 8vw, 65px);
    width:      auto;
    opacity:    0.72;
    filter:     grayscale(1);
    transition: opacity var(--ease-smooth), filter var(--ease-smooth);
}

.header-logo-img:hover,
img.header-logo-img:hover {
    opacity: 1;
    filter:  grayscale(0);
}

/* ── 2.4 כותרת האתר הדו-שורתית ──
   font-size:0 מסתיר את טקסט WordPress המקורי,
   ::before ו-::after מציגים את שתי השורות שלנו
*/
.site-title {
    display:    table;
    margin:     0 auto;
    text-align: center;
    width:      auto;
    max-width:  100%;
}

.site-title a {
    font-size:       0 !important;
    color:           transparent !important;
    text-decoration: none;
    display:         block;
    padding:         6px 4px;
    line-height:     1;
}

/* שורה עליונה — "מרכז ספורט ימי" בירוק עדין */
.site-title a::before {
    content:        "מרכז ספורט ימי";
    display:        block;
    font-family:    'Assistant', sans-serif;
    font-weight:    400;
    letter-spacing: 1.5px;
    color:          #0d9488;
    line-height:    1.2;
    margin-bottom:  4px;
    white-space:    nowrap;
    font-size:      clamp(11px, 3vw, 14px);
    text-transform: uppercase;
}

/* שורה תחתונה — "בת גלים אלנבי" בולד וכהה */
.site-title a::after {
    content:        "בת גלים אלנבי";
    display:        block;
    font-family:    'Assistant', sans-serif;
    font-weight:    800;
    color:          #0f172a;
    line-height:    1.1;
    letter-spacing: 0.5px;
    white-space:    nowrap;
    font-size:      clamp(16px, 4.5vw, 28px);
}

/* iPhone SE (< 360px) */
@media (max-width: 360px) {
    .site-title a::before { font-size: 10px; letter-spacing: 0.5px; }
    .site-title a::after  { font-size: 14px; }
}

/* טאבלט+ */
@media (min-width: 768px) {
    .site-title a::before { font-size: 13px; }
    .site-title a::after  { font-size: 24px; }
}

/* דסקטופ */
@media (min-width: 1200px) {
    .site-title a::before { font-size: 14px; }
    .site-title a::after  { font-size: 28px; }
}


/* ════════════════════════════════════════════════════════════════════
   3. כרטיס סטטוס — "הים פתוח! צאו לדרך"
   ════════════════════════════════════════════════════════════════════
   קלף לבן עם border-accent עליון, סטטוס פועם, שעות עם אייקון
   ════════════════════════════════════════════════════════════════════ */


.status-card {
    background:    var(--color-bg-card);
    border:        1px solid var(--color-border);
    border-top:    3px solid var(--color-accent);    /* קו accent עליון */
    border-radius: var(--radius-lg);
    padding:       var(--space-3) var(--space-4);
    box-shadow:    var(--shadow-card);
    width:         100%;
    box-sizing:    border-box;
    transition:    box-shadow var(--ease-smooth), transform var(--ease-smooth);
}

.status-card:hover {
    box-shadow: var(--shadow-md);
    transform:  translateY(-2px);
}
/* כותרת של פוסט או עמוד */

header.entry-header .entry-title {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}



/* שורת כותרת (נקודה + טקסט) */
.status-header {
    display:       flex;
    align-items:   center;
    gap:           var(--space-2);
    margin-bottom: var(--space-2);
}

/* נקודת "חי" פועמת */
.status-indicator {
    width:         12px;
    height:        12px;
    background:    var(--color-success);
    border-radius: 50%;
    flex-shrink:   0;
    animation:     pulse-live 2s infinite;
}

@keyframes pulse-live {
    0%, 100% { box-shadow: 0 0 0 0   rgba(16, 185, 129, 0.50); }
    50%       { box-shadow: 0 0 0 7px rgba(16, 185, 129, 0.00); }
}

.status-text {
    font-weight:  700;
 
    font-size:    var(--text-md);
  
     font-weight: 600;
   color:white;
    line-height: 1.3;
}

/* תאריך תחת הכותרת */
.status-date {
    font-size:     13px;
    color:         #ffffff;
    margin:        0 0 20px 20px;   /* 20px כדי להתיישר מתחת לנקודה */
    line-height:   1.4;
 
 
    font-size:     var(--text-sm);
    margin-bottom: var(--space-3);
    padding-right: 20px;   /* יישור מתחת לנקודה */
    font-family:   'Assistant', sans-serif;
}
/* קופסת שעות פעילות */

.hours-box svg,
.hours-box .clock-icon {
    color:       var(--color-text-muted);
    flex-shrink: 0;
    width:       20px;
    height:      20px;
}

 
.hours-range {
    color:       var(--color-text-muted);
    font-size:   var(--text-sm);
    font-weight: 500;
    display:     block;
    font-family: 'Assistant', sans-serif;
}

/* מספרי שעות — כיוון LTR */
.hours-range strong {
    color:        var(--color-text-main);
    font-weight:  700;
    direction:    ltr;
    display:      inline-block;
    font-family:  'Assistant', sans-serif;
}


/* ════════════════════════════════════════════════════════════════════
   4. כרטיס השכרה — "השכרת סאפ וקייאק"
   ════════════════════════════════════════════════════════════════════
   קלף עם border-accent עליון, בלוק ירוק סטטוס, כפתור הזמנה
   ════════════════════════════════════════════════════════════════════ */

.rental-card {
    direction:     rtl;
    font-family:   'Assistant', system-ui, sans-serif;
    background:    var(--color-bg-card);
    border:        1px solid var(--color-border);
    border-top:    3px solid var(--color-info);      /* קו כחול עליון */
    border-radius: var(--radius-lg);
    box-shadow:    var(--shadow-card);
    overflow:      hidden;
    width:         100%;
    box-sizing:    border-box;
    transition:    box-shadow var(--ease-smooth), transform var(--ease-smooth);
}

.rental-card:hover {
    box-shadow: var(--shadow-md);
    transform:  translateY(-2px);
}

/* תוכן פנימי */
.rental-content {
    padding: var(--space-3) var(--space-4);
}

/* שורת כותרת + אייקון */
.rental-header {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    margin-bottom:   var(--space-3);
}

.rental-title {
    font-size:   var(--text-md);
    font-weight: 700;
    color:       var(--color-text-main);
    margin:      0;
    font-family: 'Assistant', sans-serif;
}

/* בלוק ירוק — "השכרה פתוחה" */
.rental-box--open {
    background:    linear-gradient(135deg, #10b981 0%, #059669 100%);
    color:         var(--color-light);
    padding:       var(--space-3);
    border-radius: var(--radius-md);
    display:       flex;
    align-items:   flex-start;
    gap:           var(--space-2);
    box-shadow:    0 4px 12px rgba(16, 185, 129, 0.25);
}

/* כותרת בתוך הבלוק הירוק */
.status-box-title {
    font-weight:   700;
    font-size:     var(--text-sm);
    margin-bottom: 4px;
    display:       flex;
    align-items:   center;
    gap:           var(--space-1);
    font-family:   'Assistant', sans-serif;
}

/* badge "פתוח" */
.status-badge-green {
    background:    rgba(255, 255, 255, 0.28);
    padding:       2px 8px;
    border-radius: var(--radius-sm);
    font-size:     var(--text-xs);
    font-weight:   700;
    letter-spacing: 0.3px;
}

/* תיאור קצר בתוך הבלוק */
.status-box-desc {
    font-size:   var(--text-sm);
    line-height: 1.45;
    opacity:     0.95;
    margin:      0;
    font-family: 'Assistant', sans-serif;
}
/* כרטיס ראשי */
.rental-box--closed {
    background: linear-gradient(
        180deg,
        #fffdf3 0%,
        #fff8e7 100%
    );
    border: 1.5px solid #f0d98c;
    border-radius: 26px;
    padding: 3%;
    box-shadow:
        0 8px 24px rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.7);
    direction: rtl;
    overflow: hidden;
}



/* כותרת */
.title--rental-closed {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;

}

/* תג סגור */
.status-badge-red {
    background: #fff4dc;
    color: #8a5a00;
    border: 1px solid #f3d37b;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
}


/* ── כפתור ראשי — הזמנה ── */
.rental-button {
    display:         block;
    width:           100%;
    background:      var(--color-info);
    color:           var(--color-light);
    text-align:      center;
    padding:         12px var(--space-3);
    border-radius:   var(--radius-md);
    font-weight:     700;
    text-decoration: none;
    margin-top:      var(--space-3);
    font-size:       var(--text-base);
    font-family:     'Assistant', sans-serif;
    box-sizing:      border-box;
    letter-spacing:  0.2px;
    transition:      background var(--ease-smooth),
                     transform  var(--ease-fast),
                     box-shadow var(--ease-smooth);
}

.rental-button:hover,
.rental-button:focus-visible {
    background:  #1d4ed8;
    transform:   translateY(-1px);
    box-shadow:  0 6px 18px rgba(37, 99, 235, 0.40);
    color:       var(--color-light);
    outline:     none;
}

.rental-button:active {
    transform:  translateY(0);
    box-shadow: none;
}

/* Footer הקלף — תנאים */
.rental-footer {
    background:  #fafbfc;
    padding:     var(--space-2) var(--space-4);
    text-align:  center;
    border-top:  1px solid var(--color-border);
    font-size:   var(--text-xs);
    color:       var(--color-text-muted);
    line-height: 1.5;
    font-family: 'Assistant', sans-serif;
}


/* ════════════════════════════════════════════════════════════════════
   5. וידג'ט המצלמה — "מצלמת חוף בת גלים" (LIVE)
   ════════════════════════════════════════════════════════════════════
   .elementor-element-455b069  ← עטיפה לבנה פרימיום
   .bat-galim-container        ← נגן הווידאו 16:9
   ════════════════════════════════════════════════════════════════════ */

/* עטיפה חיצונית — מסגרת לבנה יוקרתית */
.elementor-element.elementor-element-455b069.elementor-widget__width-initial.elementor-widget.elementor-widget-html.elementor-widget-html {
    background:    var(--color-light);
    padding:       var(--space-3);
    border-radius: var(--radius-xl);
    box-shadow:    0 8px 32px var(--color-primary-10),
                   0 2px  6px var(--color-primary-05);
    border:        1px solid var(--color-border);
    transition:    box-shadow var(--ease-smooth), transform var(--ease-smooth);
    box-sizing:    border-box;
}

.elementor-element.elementor-element-455b069.elementor-widget__width-initial.elementor-widget.elementor-widget-html.elementor-widget-html:hover {
    box-shadow: 0 14px 42px var(--color-primary-20);
    transform:  translateY(-2px);
}

/* מיכל הנגן — יחס 16:9 אמיתי עם aspect-ratio */
.bat-galim-container {
    position:      relative;
    width:         100%;
    aspect-ratio:  16 / 9;
    background:    #0f172a;
    border-radius: var(--radius-lg);
    overflow:      hidden;
    direction:     rtl;
    font-family:   'Assistant', system-ui, sans-serif;
    box-shadow:    inset 0 0 48px rgba(0, 0, 0, 0.25);
}

/* פס עליון בתוך הנגן */
.bat-galim-container .camera-topbar {
    position:        absolute;
    top:  0; left: 0; right: 0;
    z-index:         10;
    padding:         var(--space-2) var(--space-3);
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    background:      linear-gradient(to bottom,
                         rgba(10,37,64,0.75) 0%,
                         rgba(10,37,64,0.00) 100%);
}

/* תגית LIVE */
.camera-badge-live {
    background:    rgba(16, 185, 129, 0.92);
    color:         #fff;
    font-size:     var(--text-xs);
    font-weight:   700;
    padding:       3px 10px;
    border-radius: var(--radius-pill);
    display:       flex;
    align-items:   center;
    gap:           5px;
    letter-spacing: 0.5px;
}

/* נקודת REC אדומה פועמת */
.camera-rec-dot {
    width:         7px;
    height:        7px;
    background:    #ef4444;
    border-radius: 50%;
    animation:     pulse-live 1.4s infinite;
}

/* שם המצלמה */
.camera-title {
    color:       rgba(255, 255, 255, 0.90);
    font-size:   var(--text-sm);
    font-weight: 500;
    font-family: 'Assistant', sans-serif;
}

/* חותמת זמן עדכון */
.camera-timestamp {
    background:    rgba(10, 37, 64, 0.72);
    color:         #fff;
    font-size:     var(--text-xs);
    font-weight:   700;
    padding:       3px 10px;
    border-radius: var(--radius-sm);
    direction:     ltr;
    white-space:   nowrap;
    letter-spacing: 0.5px;
}

/* ════════════════════════════════════════════════════════════════════
מסגרת למצלמה בשידור חי
   ════════════════════════════════════════════════════════════════════ */
.my-custom-box {
    background: var(--color-light);
    padding: var(--space-3);
    border-radius: var(--radius-xl);
    box-shadow: 0 8px 32px var(--color-primary-10), 0 2px 6px var(--color-primary-05);
    border: 1px solid var(--color-border);
    transition: box-shadow var(--ease-smooth), transform var(--ease-smooth);
    box-sizing: border-box;
}

/* ════════════════════════════════════════════════════════════════════
   6. WIDGET ראשי — ASR (דוח ים + השכרה)
   ════════════════════════════════════════════════════════════════════ */

/* ── 6.1 עטיפה ראשית ── */
.asr-display {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    text-align:     center;
    gap:            var(--space-3);
    width:          100%;
    font-family:    'Assistant', sans-serif;
}

 

/* ── 6.3 שורת מידע (תאריך + מיקום) ── */
.asr-info {
    display:         flex;
    flex-wrap:       wrap;
    gap:             var(--space-2);
    align-items:     center;
    justify-content: center;
    font-family:     'Assistant', sans-serif;
    font-size:       var(--text-sm);
    color:           var(--color-text-muted);
}

.asr-date-label::after {
    content:     ",";
    margin-left: var(--space-1);
}

.asr-date-val {
    font-weight: 600;
    color:       var(--color-text-main);
}

/* מיקום — עם קו הפרדה ימני */
.asr-header-loc {
    display:       flex;
    align-items:   center;
    gap:           var(--space-2);
    padding-right: var(--space-3);
    border-right:  2px solid var(--color-primary-10);
    color:         var(--color-primary);
    font-weight:   600;
    font-size:     var(--text-sm);
    font-family:   'Assistant', sans-serif;
}

/* ── 6.4 כרטיס הסשן ── */
.asr-session {
    background:     var(--color-light);
    border-radius:  var(--radius-xl);
    padding:        clamp(16px, 4vw, 28px);
    box-shadow:     var(--shadow-lg);
    position:       relative;
    overflow:       hidden;
    border:         1px solid #edf2f7;
    width:          100%;
    max-width:      480px;
    display:        flex;
    flex-direction: column;
    box-sizing:     border-box;
    transition:     box-shadow var(--ease-smooth);
}

/* קו גרדיאנט עליון — כחול */
.asr-session::before {
    content:    "";
    position:   absolute;
    top:  0; left: 0; right: 0;
    height:     5px;
    background: linear-gradient(90deg, #0467ff 0%, #286cd5 100%);
}

/* ── 6.5 כותרת הסשן ── */
/* מוצא את ה-widget-html שמכיל בפנים את הכרטיס שלכם ומגדיר לו גובה מלא */
.elementor-widget-html:has(.asr-sessions) {
    height: 100%;
}

/* מוצא את קונטיינר הבן של אלמנטור שמחזיק את הווידג'ט הזה ומותח אותו */
.e-con:has(.asr-sessions),
.e-container:has(.asr-sessions) {
    align-self: stretch;
}

.elementor-element.elementor-element-9ea9551.elementor-widget.elementor-widget-heading h2.elementor-heading-title.elementor-size-default {color:#1e293b}


/* החלת הגובה על הרכיבים שלכם */
.asr-sessions, 
.asr-session {
    height: 100%;
    display: flex;
    flex-direction: column;
}




.asr-sess-head {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    margin-bottom:   var(--space-4);
    padding-bottom:  var(--space-3);
    border-bottom:   1px dashed var(--color-border);
    gap:             var(--space-2);
    flex-wrap:       wrap;
}

.asr-sess-label {
    font-weight: 700;
    font-size:   var(--text-base);
    color:       var(--color-primary);
    font-family: 'Assistant', sans-serif;
}

/* תגית זמן — גלולה אפורה */
.asr-sess-time {
    background:    #f1f5f9;
    color:         var(--color-text-main);
    padding:       4px 14px;
    border-radius: var(--radius-pill);
    font-size:     var(--text-xs);
    font-weight:   700;
    white-space:   nowrap;
    direction:     ltr;
    font-family:   'Assistant', sans-serif;
}
.elementor-widget-html:has(.asr-sessions) {
  height: 100%;
}
/* ── 6.6 גריד מדדים — 3 עמודות ── */
.asr-metrics {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   var(--space-2);
    margin-bottom:         var(--space-5);
    align-items:           stretch;
}

/* תא מדד בודד */
.asr-metric {
    background:     #f8fafc;
    border-radius:  var(--radius-md);
    padding:        clamp(10px, 2vw, 14px) var(--space-2);
    display:        flex;
    flex-direction: column;
    align-items:    center;
    text-align:     center;
    border:         1px solid #edf2f7;
    transition:     transform var(--ease-fast),
                    box-shadow var(--ease-fast),
                    background var(--ease-fast);
}

.asr-metric:hover {
    transform:   translateY(-2px);
    box-shadow:  var(--shadow-sm);
    background:  #f1f5f9;
}

/* תווית המדד */
.asr-metric-label {
    font-size:      var(--text-xs);
    font-weight:    700;
    color:          #475569;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom:  var(--space-2);
    display:        block;
    font-family:    'Assistant', sans-serif;
}

/* ערך המדד */
.asr-metric-val {
    font-weight: 700;
    line-height: 1.1;
    display:     block;
    font-size:   var(--text-md);
    font-family: 'Assistant', sans-serif;
}

.asr-metric-val small {
    font-size:   11px;
    color:       var(--color-text-muted);
    font-weight: 400;
}

/* צבעים לסוג מדד */
.asr-metric-waves .asr-metric-val { color: #0ea5e9; }  /* גלים — כחול ים */
.asr-metric-power .asr-metric-val { color: #10b981; }  /* כוח — ירוק */
.asr-metric-wind  .asr-metric-val {
    color:     var(--color-text-main);
    font-size: var(--text-sm);
}

/* ── 6.7 פעולות מומלצות (Pills) ── */
.asr-acts {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            var(--space-2);
    padding-top:    var(--space-3);
    border-top:     1px solid var(--color-accent-15);
}

.asr-acts-label {
    display:     block;
    font-weight: 700;
    font-size:   var(--text-sm);
    color:       var(--color-text-main);
    font-family: 'Assistant', sans-serif;
}

/* שורת גלולות */
.asr-pills {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: center;
    gap:             var(--space-2);
}

/* גלולה בודדת */
.asr-pill {
    background:      linear-gradient(135deg, #0467ff 0%, #2563eb 100%);
    color:           #f0f7ff;
    border:          1px solid rgba(4, 103, 255, 0.15);
    padding:         7px 18px;
    border-radius:   var(--radius-pill);
    font-size:       var(--text-sm);
    font-weight:     700;
    white-space:     nowrap;
    text-decoration: none;
    display:         inline-block;
    font-family:     'Assistant', sans-serif;
    transition:      all var(--ease-fast);
    cursor:          pointer;
    box-shadow:      0 2px 6px rgba(4, 103, 255, 0.20);
}

.asr-pill:hover {
    background:  var(--color-accent);
    color:       var(--color-primary);
    border-color: transparent;
    transform:   translateY(-2px);
    box-shadow:  0 6px 16px var(--color-accent-30);
}
h2.elementor-heading-title.elementor-size-default {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;text-align:center
}

/* ════════════════════════════════════════════════════════════════════
   7. כפתורי פעולה — WhatsApp, רשתות חברתיות
   ════════════════════════════════════════════════════════════════════ */

.bg-button {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    text-decoration: none;
    padding:        clamp(10px, 2vw, 14px) var(--space-3);
    border-radius:  var(--radius-md);
    margin-bottom:  var(--space-2);
    cursor:         pointer;
    transition:     transform var(--ease-fast),
                    box-shadow var(--ease-fast);
    box-sizing:     border-box;
    width:          100%;
    font-family:    'Assistant', sans-serif;
}

.bg-button:hover {
    transform:  translateY(-2px);
    box-shadow: var(--shadow-md);
}

.bg-button-sub {
    font-size:  var(--text-xs);
    font-weight: 400;
    opacity:    0.85;
    margin-top: 2px;
}

.bg-button-title {
    font-weight: 700;
    font-size:   var(--text-sm);
}

/* WhatsApp */
.bg-whatsapp {
    background: var(--color-primary);
    color:      var(--color-light);
    border:     1px solid var(--color-accent-40);
    box-shadow: 0 4px 15px var(--color-accent-10);
}

.bg-whatsapp:hover {
    background: #0d3560;
    color:      var(--color-light);
}

/* רשת חברתית */
.bg-social {
    background: var(--color-light);
    color:      #333;
    border:     1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
}

.bg-social .bg-button-title {
    color: var(--color-accent);
}

.bg-icon {
    width:       20px;
    height:      20px;
    fill:        currentColor;
    flex-shrink: 0;
}

/* תיבת תיאור עם קו ירוק */
.bg-desc-box {
    border-right:  3px solid var(--color-accent);
    padding-right: var(--space-2);
    margin-bottom: var(--space-5);
    text-align:    right;
    display:       inline-block;
    font-size:     var(--text-sm);
    color:         var(--color-text-muted);
    line-height:   1.6;
    font-family:   'Assistant', sans-serif;
}


/* ════════════════════════════════════════════════════════════════════
   8. יצירת קשר
   ════════════════════════════════════════════════════════════════════ */

.contact-row a {
    color:           inherit;
    text-decoration: none;
    transition:      color var(--ease-fast);
}

.contact-row a:hover {
    color: var(--color-accent);
}

.contact-title {
    font-size:     var(--text-xl);
    font-weight:   700;
    margin-bottom: var(--space-4);
    color:         var(--color-accent);
    font-family:   'Assistant', sans-serif;
}

.contact-row {
    margin-bottom: 0.75rem;
    font-size:     var(--text-lg);
    opacity:       0.9;
    display:       flex;
    align-items:   center;
    justify-content: center;
    gap:           var(--space-2);
    flex-wrap:     wrap;
    font-family:   'Assistant', sans-serif;
}
.navigass {
    font-size: 62%;
}
/* כפתור Waze */
.waze-button {
    display:         inline-block;
    margin-top:      var(--space-4);
    background:      var(--color-accent);
    color:           var(--color-primary);
    padding:         0.75rem 2rem;
    border-radius:   var(--radius-pill);
    text-decoration: none;
    font-weight:     700;
    font-size:       var(--text-sm);
    white-space:     nowrap;
    font-family:     'Assistant', sans-serif;
    letter-spacing:  0.3px;
    box-shadow:      0 4px 14px var(--color-accent-30);
    transition:      background var(--ease-smooth),
                     transform  var(--ease-fast),
                     box-shadow var(--ease-smooth);
}

.waze-button:hover {
    background:  #00b396;
    color:       var(--color-primary);
    transform:   translateY(-2px);
    box-shadow:  0 10px 24px var(--color-primary-30);
}


/* ════════════════════════════════════════════════════════════════════
   9. וידאו — עטיפה 16:9
   ════════════════════════════════════════════════════════════════════ */

.video-wrapper {
    position:      relative;
    width:         100%;
    aspect-ratio:  16 / 9;
    background:    #000;
    overflow:      hidden;
    border-radius: var(--radius-lg);
    box-shadow:    0 10px 32px var(--color-primary-30);
}


/* ════════════════════════════════════════════════════════════════════
   10. פוטר — עליון, ראשי, תחתי
   ════════════════════════════════════════════════════════════════════ */

/* ── 10.1 פוטר עליון — גל קטום ── */
.site-above-footer-wrap {
    position: relative;
    overflow: hidden;
}

.site-above-footer-wrap::after {
    content:    '';
    display:    block;
    position:   absolute;
    bottom:     -2px; left: 0; right: 0;
    height:     52px;
    background: var(--color-primary);
    clip-path:  ellipse(58% 100% at 50% 100%);
}

/* עמודות פוטר עליון */
.site-above-footer-wrap .site-footer-above-section-2 .ast-builder-html-element {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
}

/* תמונה עגולה עם מסכה */
.site-above-footer-wrap .site-footer-above-section-3 img {
    width:          100%;
    height:         100%;
    object-fit:     cover;
    object-position: center;
    display:        block;
    -webkit-mask-image: radial-gradient(ellipse 85% 80% at 50% 50%,
                            black 55%, transparent 100%);
            mask-image: radial-gradient(ellipse 85% 80% at 50% 50%,
                            black 55%, transparent 100%);
    transform: scale(1.05);
}

/* ── 10.2 פוטר ראשי ── */
.site-primary-footer-wrap {
    background: var(--color-primary);
    border:     none;
    padding:    0;
    position:   relative;
    overflow:   hidden;
}

/* SVG ספורט ימי — גובה נזיל */
.site-primary-footer-wrap .site-footer-primary-section-1 {
    display:             block;
    width:               100%;
    height:              clamp(80px, 12vw, 140px);
    padding:             0;
    background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 980 140'%3E%3Cg transform='translate(20,8)'%3E%3Cpath d='M55 8 L50 52 L80 42Z' fill='none' stroke='%2300C9A7' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M55 8 L60 48 L80 42Z' fill='rgba(0,201,167,.15)' stroke='none'/%3E%3Cline x1='55' y1='6' x2='60' y2='50' stroke='%2300C9A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M55 30 Q68 28 80 42' stroke='%2300C9A7' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='62' cy='58' rx='20' ry='4' stroke='%2300C9A7' stroke-width='1.6' fill='rgba(0,201,167,.1)'/%3E%3Ccircle cx='57' cy='46' r='3.5' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M57 49 L55 57 M57 49 L59 57' stroke='%2300C9A7' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M36 63 Q46 59 56 63 Q66 67 76 63 Q84 60 94 63' stroke='%2300C9A7' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3Ctext x='65' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%92%D7%9C%D7%99%D7%A9%D7%AA %D7%A8%D7%95%D7%97%3C/text%3E%3C/g%3E%3Cg transform='translate(155,8)'%3E%3Cpath d='M55 26 Q40 16 30 24 Q40 20 55 32Z' stroke='%2300C9A7' stroke-width='1.8' fill='rgba(0,201,167,.15)' stroke-linejoin='round'/%3E%3Cpath d='M55 26 Q70 16 80 24 Q70 20 55 32Z' stroke='%2300C9A7' stroke-width='1.8' fill='rgba(0,201,167,.1)' stroke-linejoin='round'/%3E%3Ccircle cx='55' cy='29' r='2.5' stroke='%2300C9A7' stroke-width='1.5' fill='none'/%3E%3Cline x1='55' y1='31' x2='55' y2='46' stroke='%2300C9A7' stroke-width='2' stroke-linecap='round'/%3E%3Cellipse cx='55' cy='52' rx='16' ry='3.5' stroke='%2300C9A7' stroke-width='1.6' fill='rgba(0,201,167,.1)'/%3E%3Cline x1='55' y1='52' x2='55' y2='60' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M46 60 L64 60' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='55' cy='40' r='3.5' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M51 42 L42 36 M59 42 L68 36' stroke='%2300C9A7' stroke-width='1.4' stroke-linecap='round'/%3E%3Ctext x='55' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%95%D7%99%D7%A0%D7%92%3C/text%3E%3C/g%3E%3Cg transform='translate(280,8)'%3E%3Cpath d='M55 4 Q66 10 68 18 Q62 24 55 20 Q48 24 42 18 Q44 10 55 4Z' stroke='%2300C9A7' stroke-width='1.8' fill='rgba(0,201,167,.15)' stroke-linejoin='round'/%3E%3Cline x1='55' y1='4' x2='55' y2='20' stroke='%2300C9A7' stroke-width='1' opacity='.5'/%3E%3Cline x1='42' y1='18' x2='68' y2='18' stroke='%2300C9A7' stroke-width='1' opacity='.5'/%3E%3Cline x1='48' y1='22' x2='52' y2='42' stroke='%2300C9A7' stroke-width='.9' opacity='.55' stroke-dasharray='3 2'/%3E%3Cline x1='62' y1='22' x2='58' y2='42' stroke='%2300C9A7' stroke-width='.9' opacity='.55' stroke-dasharray='3 2'/%3E%3Cline x1='48' y1='42' x2='62' y2='42' stroke='%2300C9A7' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='55' cy='46' r='3.5' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cline x1='55' y1='49' x2='55' y2='55' stroke='%2300C9A7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M55 55 L51 61 M55 55 L59 61' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cellipse cx='55' cy='61' rx='14' ry='2.8' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.1)'/%3E%3Ctext x='55' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%A7%D7%99%D7%99%D7%98%3C/text%3E%3C/g%3E%3Cg transform='translate(408,8)'%3E%3Cellipse cx='55' cy='58' rx='22' ry='5' stroke='%2300C9A7' stroke-width='1.6' fill='rgba(0,201,167,.1)'/%3E%3Cline x1='55' y1='44' x2='55' y2='55' stroke='%2300C9A7' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='55' cy='40' r='4' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M51 47 L42 42 M59 47 L68 42' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='64' y1='34' x2='72' y2='54' stroke='%2300C9A7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M70 52 Q74 50 76 54 Q74 58 70 56Z' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.18)' stroke-linejoin='round'/%3E%3Cpath d='M55 55 L50 63 M55 55 L60 63' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M28 65 Q38 61 48 65 Q58 69 68 65 Q74 62 82 65' stroke='%2300C9A7' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3Ctext x='55' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%A1%D7%90%D7%A4%3C/text%3E%3C/g%3E%3Cg transform='translate(540,8)'%3E%3Cpath d='M24 44 Q28 36 55 34 Q82 36 86 44 Q82 52 55 54 Q28 52 24 44Z' stroke='%2300C9A7' stroke-width='1.8' fill='rgba(0,201,167,.1)' stroke-linejoin='round'/%3E%3Cellipse cx='55' cy='44' rx='10' ry='5' stroke='%2300C9A7' stroke-width='1.3' fill='rgba(0,201,167,.08)'/%3E%3Cpath d='M86 44 L92 43' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M24 44 L18 43' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='26' y1='34' x2='84' y2='34' stroke='%2300C9A7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M24 36 Q20 32 22 28 Q26 28 28 32Z' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.2)' stroke-linejoin='round'/%3E%3Cpath d='M86 36 Q90 32 88 28 Q84 28 82 32Z' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.2)' stroke-linejoin='round'/%3E%3Ccircle cx='55' cy='36' r='4' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M48 38 Q55 42 62 38' stroke='%2300C9A7' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3Ctext x='55' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%A7%D7%99%D7%99%D7%90%D7%A7%3C/text%3E%3C/g%3E%3Cg transform='translate(668,8)'%3E%3Ccircle cx='44' cy='32' r='5' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M40 31 Q44 28 48 31' stroke='%2300C9A7' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='56' cy='40' rx='14' ry='5' stroke='%2300C9A7' stroke-width='1.6' fill='rgba(0,201,167,.1)' transform='rotate(-15 56 40)'/%3E%3Crect x='60' y='30' width='7' height='12' rx='3.5' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.15)' transform='rotate(-15 63 36)'/%3E%3Cpath d='M62 46 Q70 48 72 44 Q68 42 64 44Z' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.15)' stroke-linejoin='round'/%3E%3Cpath d='M58 50 Q66 54 68 50 Q64 47 60 49Z' stroke='%2300C9A7' stroke-width='1.4' fill='rgba(0,201,167,.12)' stroke-linejoin='round'/%3E%3Ccircle cx='40' cy='24' r='2' stroke='%2300C9A7' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='36' cy='18' r='2.8' stroke='%2300C9A7' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='42' cy='13' r='1.5' stroke='%2300C9A7' stroke-width='1' fill='none'/%3E%3Cpath d='M28 8 Q38 4 48 8 Q58 12 68 8 Q76 5 82 8' stroke='%2300C9A7' stroke-width='1.3' fill='none' stroke-linecap='round' opacity='.6'/%3E%3Ctext x='55' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%A6%D7%9C%D7%99%D7%9C%D7%94%3C/text%3E%3C/g%3E%3Cg transform='translate(800,8)'%3E%3Cpath d='M20 38 Q30 30 42 34 Q54 38 64 32' stroke='%2300C9A7' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='20' cy='36' r='5' stroke='%2300C9A7' stroke-width='1.6' fill='none'/%3E%3Cpath d='M16 33 Q20 28 24 33' stroke='%2300C9A7' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M24 32 L38 24' stroke='%2300C9A7' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M20 40 L34 48' stroke='%2300C9A7' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M56 36 L64 32 M56 40 L64 44' stroke='%2300C9A7' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8 48 Q18 44 28 48 Q38 52 48 48 Q56 44 64 48' stroke='%2300C9A7' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M8 54 Q18 50 28 54 Q38 58 48 54 Q56 50 64 54' stroke='%2300C9A7' stroke-width='1.2' fill='none' stroke-linecap='round' opacity='.6'/%3E%3Ctext x='42' y='90' text-anchor='middle' fill='rgba(255,255,255,.85)' font-family='Heebo,sans-serif' font-size='14' font-weight='400'%3E%D7%A9%D7%97%D7%99%D7%99%D7%94%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-repeat:   no-repeat;
    background-size:     100% 100%;
    background-position: center top;
}




/* עמודה מרכזית פוטר */
.site-primary-footer-wrap .site-footer-primary-section-2 {
    width:   100%;
    padding: clamp(16px, 4vw, 32px) clamp(16px, 5vw, 40px);
}

/* כותרת "עקבו אחרינו" עם קווים דקורטיביים */
.site-primary-footer-wrap #block-32 p {
    font-size:     var(--text-sm);
    font-weight:   500;
    color:         rgba(255, 255, 255, 0.82);
    text-align:    center;
    margin-bottom: var(--space-2);
    position:      relative;
    font-family:   'Assistant', sans-serif;
}

.site-primary-footer-wrap #block-32 p::before,
.site-primary-footer-wrap #block-32 p::after {
    content:       '';
    display:       inline-block;
    width:         28px;
    height:        2px;
    border-radius: 2px;
    vertical-align: middle;
    margin:        0 10px;
}

.site-primary-footer-wrap #block-32 p::before {
    background: linear-gradient(90deg, transparent, var(--color-accent));
}

.site-primary-footer-wrap #block-32 p::after {
    background: linear-gradient(90deg, var(--color-accent), transparent);
}

/* ── 10.3 כפתורי רשתות חברתיות ── */
.ast-footer-social-1-wrap .ast-builder-social-element {
    width:         clamp(36px, 5vw, 46px);
    height:        clamp(36px, 5vw, 46px);
    border-radius: 50%;
    border:        1.5px solid var(--color-accent-40);
    background:    var(--color-light);
    display:       inline-flex;
    align-items:   center;
    justify-content: center;
    transition:    background  var(--ease-smooth),
                   transform   var(--ease-fast),
                   border-color var(--ease-smooth),
                   box-shadow  var(--ease-smooth);
}

.ast-footer-social-1-wrap .ast-builder-social-element:hover {
    background:   var(--color-accent);
    border-color: var(--color-accent);
    transform:    scale(1.12);
    box-shadow:   0 4px 12px var(--color-accent-30);
}

/* כותרת שעות בפוטר */
.bg-hours-title {
    font-weight:   600;
    border-bottom: 2px solid var(--color-accent);
    padding-bottom: 3px;
    color:         var(--color-light);
    font-size:     var(--text-sm);
    font-family:   'Assistant', sans-serif;
}

/* ── 10.4 פוטר תחתי ── */
.site-below-footer-wrap {
    background:  #05182c;
    border-top:  1px solid rgba(255, 255, 255, 0.10);
    padding:     var(--space-3) clamp(16px, 5vw, 40px);
}

.site-below-footer-wrap .ast-builder-footer-grid-columns {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             var(--space-2);
}

/* תפריט פוטר */
.menu-footartooles-container .menu {
    display:   flex;
    gap:       clamp(10px, 2vw, 20px);
    list-style: none;
    margin:    0;
    padding:   0;
    flex-wrap: wrap;
}



/* ════════════════════════════════════════════════════════════════════
   11. BREAKPOINTS
   ════════════════════════════════════════════════════════════════════
   Mobile-First:
     ① ברירת מחדל = מובייל
     ② xs < 480px  — iPhone SE / Galaxy קטן
     ③ sm ≥ 480px  — מובייל גדול
     ④ md ≥ 768px  — טאבלט
     ⑤ lg ≥ 1024px — לפטופ
     ⑥ xl ≥ 1280px — דסקטופ רחב
   ════════════════════════════════════════════════════════════════════ */

/* ── xs < 480px — מסך קטן מאוד ── */
@media (max-width: 479px) {

    /* מדדים — 2 עמודות (3 צפופות מדי) */
    .asr-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    /* כרטיס סשן — פינות קטנות יותר */
    .asr-session {
        border-radius: var(--radius-lg);
    }

    /* פס עליון — קומפקטי */
    .ast-above-header-bar.ast-above-header.site-header-focus-item {
        padding:   var(--space-2);
        font-size: var(--text-xs);
    }

    /* כפתורי פעולה — רוחב מלא */
    .bg-button {
        width: 100%;
    }

    .menu-footartooles-container .menu {
        gap: var(--space-2);
    }
}

/* ── sm ≥ 480px — מובייל גדול ── */
@media (min-width: 480px) {
    .bg-button {
        width: auto;
    }
}

/* ── md ≥ 768px — טאבלט ── */
@media (min-width: 768px) {

    /* מדדים — חזרה ל-3 עמודות */
    .asr-metrics {
        grid-template-columns: repeat(3, 1fr);
    }

    .asr-session {
        max-width: 480px;
    }

    .rental-card {
        max-width: 420px;
    }
}

/* ── lg ≥ 1024px — לפטופ ── */
@media (min-width: 1024px) {

    /* Dashboard — 2 עמודות */
    .dashboard-grid {
        grid-template-columns: 1fr 1fr;
    }

    .status-sidebar {
        order: 0;
    }
}

/* ── xl ≥ 1280px — דסקטופ רחב ── */
@media (min-width: 1280px) {
    .dashboard-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* ════════════════════════════════════════════════════════════════════
   12. נגישות — Reduced Motion
   ════════════════════════════════════════════════════════════════════
   משתמשים שהגדירו "הפחת תנועה" — ביטול כל האנימציות
   ════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration:        0.01ms !important;
        animation-iteration-count: 1      !important;
        transition-duration:       0.01ms !important;
        scroll-behavior:           auto   !important;
    }
}



/* ════════════════════════════════════════════════════════════
   מקטע הסטטוס + השכרה — עיצוב מחודש
   ללא קשת צבעונית | ריווח נדיב | תואם וורדפרס + אלמנטור
   ════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────
   1. ביטול הקשת הצבעונית מהכרטיסים
   ─────────────────────────────────────────────────────────────
   הסרה של ה-border-top הצבעוני שיוצר את "הקשת"
   מ-status-card ומ-rental-card
   ───────────────────────────────────────────────────────────── */
.status-card,
.rental-card {
    border-top: none !important;   /* ביטול הקשת הצבעונית */
}


/* ─────────────────────────────────────────────────────────────
   2. כרטיס סטטוס — "המרכז הימי פתוח היום"
   ─────────────────────────────────────────────────────────────
   קלף לבן נקי עם גבול עדין, ריווח פנימי נדיב
   ───────────────────────────────────────────────────────────── */
.status-card {
    background:   #286cd5;
    border:        0.5px solid #e2e8f0;
    border-radius: 16px;
    padding:       24px 24px 20px;
    box-shadow:    0 2px 12px rgba(10, 37, 64, 0.06);
    width:         100%;
    box-sizing:    border-box;
    transition:    box-shadow 0.25s ease;
    margin-bottom: 12px;   /* רווח בין הכרטיסים */
}

.status-card:hover {
    box-shadow: 0 4px 20px rgba(10, 37, 64, 0.10);
}

/* שורת כותרת — נקודה + טקסט */
.status-header {
    display:       inline-flex;
    align-items:   center;
    gap:           10px;
    margin-bottom: 6px;
}

/* נקודת "חי" — פועמת בירוק */
.status-indicator {
    width:         10px;
    height:        10px;
    background:    #10b981;
    border-radius: 50%;
    flex-shrink:   0;
    animation:     pulse-dot 2.2s infinite;
}

@keyframes pulse-dot {
    0%, 100% { box-shadow: 0 0 0 0   rgba(16, 185, 129, 0.45); }
    50%       { box-shadow: 0 0 0 7px rgba(16, 185, 129, 0.00); }
}





/* קופסת שעות פעילות */
.hours-box {
    background:    #f8fafc;
    border:        0.5px solid #e2e8f0;
    border-radius: 10px;
    padding:       14px 16px;
    display: -webkit-inline-box;
    align-items:   center;
    gap:           12px;
}

/* אייקון שעון */
.hours-box svg,
.hours-box .clock-icon,
.hours-box i {
    color:       #94a3b8;
    flex-shrink: 0;
    font-size:   20px;
    width:       20px;
    height:      20px;
}

/* עטיפת הטקסטים בתוך קופסת השעות */
.hours-box > div,
.hours-box .hours-text {
    display:        flex;
    flex-direction: column;
    gap:            2px;
}

.hours-title {
     font-weight:   600;
    color:         var(--color-text-main);
    font-size:     var(--text-sm);
    margin-bottom: 2px;
    display:       block;
}

.hours-range {
    font-size:   14px;
    font-weight: 600;
    color:       #0f172a;
    display:     block;
    direction:   ltr;    /* שעות — שמאל לימין */
    text-align:  right;
}

/* "פתוחים כל יום" */
.hours-range + span,
.hours-sub {
    font-size: 12px;
    color:     #94a3b8;
}


/* ─────────────────────────────────────────────────────────────
   3. כרטיס השכרה — "השכרת סאפ וקייאק"
   ─────────────────────────────────────────────────────────────
   אותה שפה ויזואלית — קלף לבן, ריווח מוגדל, ללא קשת
   ───────────────────────────────────────────────────────────── */
.rental-card {
    background:    #ffffff;
    border:        0.5px solid #e2e8f0;
    border-radius: 16px;
    overflow:      hidden;
    box-shadow:    0 2px 12px rgba(10, 37, 64, 0.06);
    width:         100%;
    box-sizing:    border-box;
    transition:    box-shadow 0.25s ease;
}

.rental-card:hover {
    box-shadow: 0 4px 20px rgba(10, 37, 64, 0.10);
}

/* תוכן פנימי — ריווח נדיב */
.rental-content {
    padding: 22px 24px 20px;
}

/* שורת כותרת + אייקון */
.rental-header {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    margin-bottom:   18px;   /* הוגדל מ-15px ל-18px */
}

.rental-title {
    font-size:   16px;
    font-weight: 600;
    color:       #0f172a;
    margin:      0;
}

/* אייקון ליד הכותרת */
.rental-header svg,
.rental-header i {
    color:     #94a3b8;
    font-size: 22px;
}

/* בלוק ירוק — "השכרה פתוחה" */
.rental-box--open {
    background:    #f0fdf6;             /* רקע ירוק בהיר — לא צבע סטורציה גבוהה */
    border:        0.5px solid #bbf7d0; /* גבול ירוק עדין */
    color:         #065f46;             /* טקסט כהה-ירוק */
    padding:       16px;                /* הוגדל מ-12px ל-16px */
    border-radius: 10px;
    display:       flex;
    align-items:   flex-start;
    gap:           10px;
    margin-bottom: 0;                   /* הכפתור יבוא עם margin-top */
}

/* שורת כותרת הבלוק */
.status-box-title {
    font-size:     13px;
    font-weight:   600;
    color:         #047857;
    margin-bottom: 6px;                 /* הוגדל מ-4px ל-6px */
    display:       flex;
    align-items:   center;
    gap:           6px;
}

/* badge "פתוח" */
.status-badge-green {
    background:    #dcfce7;
    color:         #15803d;
    font-size:     11px;
    font-weight:   600;
    padding:       2px 8px;
    border-radius: 6px;
    margin-right:  auto;                /* דוחף לצד שמאל (RTL = ימין) */
}

/* תיאור בתוך הבלוק */
.status-box-desc {
    font-size:   13px;
    line-height: 1.55;                  /* הוגדל מ-1.3 */
    color:       #065f46;
    margin:      0;
}

/* ── כפתור הזמנה ── */
.rental-button {
    display:         block;
    width:           100%;
    background:      #2563eb;
    color:           #ffffff;
    text-align:      center;
    padding:         13px 16px;         /* הוגדל מ-12px ל-13px */
    border-radius:   10px;
    font-size:       14px;
    font-weight:     600;
    text-decoration: none;
    margin-top:      16px;              /* הוגדל מ-15px ל-16px */
    letter-spacing:  0.2px;
    box-sizing:      border-box;
    transition:      background 0.2s ease,
                     transform  0.15s ease,
                     box-shadow 0.2s ease;
}

.rental-button:hover {
    background:  #1d4ed8;
    transform:   translateY(-1px);
    box-shadow:  0 6px 16px rgba(37, 99, 235, 0.30);
    color:       #ffffff;
}

.rental-button:active {
    transform:  translateY(0);
    box-shadow: none;
}

.rental-button:focus-visible {
    outline:        3px solid rgba(37, 99, 235, 0.45);
    outline-offset: 2px;
}

/* Footer הקלף — תנאים */
.rental-footer {
    background:  #fafbfc;
    padding:     14px 24px;             /* הוגדל מ-12px ל-14px */
    text-align:  center;
    border-top:  0.5px solid #e2e8f0;
    font-size:   12px;
    color:       #94a3b8;
    line-height: 1.6;
}


/* ─────────────────────────────────────────────────────────────
   4. רספונסיביות למקטע
   ───────────────────────────────────────────────────────────── */

/* מובייל קטן (< 400px) — ריווח מצומצם יותר */
@media (max-width: 399px) {
    .status-card         { padding: 18px 16px 16px; }
    .rental-content      { padding: 18px 16px 16px; }
    .rental-footer       { padding: 12px 16px; }
    .rental-button       { padding: 12px; font-size: 13px; }
    .rental-box--open    { padding: 13px; }
}

/* טאבלט ומעלה (≥ 768px) — הגבלת רוחב */
@media (min-width: 768px) {
    .status-card,
    .rental-card {
        max-width: 400px;
    }
}

    .social-header {
        display: flex;
        align-items: center;
        justify-content: center;
        /* מרווח קטן יותר שמתאים לעיצוב העדין */
        gap: clamp(8px, 2vw, 15px); 
        color: #ffffff;
        /* כאן הקטנתי את הפונט שייראה מדויק למקור */
        font-size: clamp(10px, 1.5vw, 14px); 
        font-weight: 500; /* פונט פחות "שמן" מה-bold המקורי */
        margin-bottom: 12px;
        white-space: nowrap;
    }

    .social-header::before,
    .social-header::after {
        content: "";
        height: 2px;
        /* קווים מעט קצרים יותר כדי לא להשתלט על הטקסט */
        width: clamp(15px, 8vw, 40px); 
        background: linear-gradient(to right, #4ade80, #22d3ee);
        border-radius: 2px;
    }
/* COLOPHON FOOTER */
#colophon .site-above-footer-wrap .ast-builder-footer-grid-columns {
    align-items: flex-start;
    padding: 40px 20px;
}

#colophon .elementor-custom-card {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.footer-logos-container {
    display: flex;
    flex-direction: row; /* כפייה לשורה */
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap; /* מונע ירידת שורה */
    width: 100%;
    padding: 10px 0;
}

/* הגדלת הלוגו שלכם ביחס לעירייה */
.main-logo-custom { 
    width: 130px; 
}
.support-logo-custom { 
    width: 120px; 
}
#colophon .elementor-custom-card h3 {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

#colophon .sc-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    width: 70px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

/* עמודה 2: Waze */
#colophon .navigation-address {
    font-size: clamp(0.85rem, 2vw, 0.95rem);
    font-weight: 600;
    color: #475569;
    margin-bottom: 15px;
}

#colophon .waze-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #2979ff;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: clamp(0.8rem, 2vw, 0.9rem);
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}
#colophon .waze-btn:hover { background: #1a5fd4; }
#colophon .waze-btn svg  { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }

/* עמודה 3: שעות */
#colophon .hours-icon-circle        { margin-bottom: 8px; }
#colophon .hours-icon-circle svg    { width: 20px; height: 20px; stroke: #059669; stroke-width: 2.5; fill: none; 


    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
    transition: opacity 0.2s;
}



#colophon .hours-main-text          { font-size: clamp(0.9rem, 2vw, 1rem); font-weight: 700; color: #1e293b; }
#colophon .hours-detail-text        { font-size: clamp(0.78rem, 1.8vw, 0.85rem); font-weight: 600; color: #475569; }

/* עמודה 4: צור קשר */
#colophon .contact-icons-wrapper    { display: flex; gap: 12px; justify-content: center; margin-bottom: 10px; }
#colophon .contact-icon-btn         { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; transition: opacity 0.2s; }
#colophon .contact-icon-btn:hover   { opacity: 0.85; }
#colophon .contact-icon-btn svg     { width: 18px; height: 18px; fill: currentColor; }
#colophon .contact-icon-btn.phone    { background: #2563eb; }
#colophon .contact-icon-btn.whatsapp { background: #16a34a; }


        
        /* סגנון הפסקה הכללית באתר שלך */
        .contact-subtext {
            font-size: 15px;
            color: #4b5563; /* גוון אפור כהה קריא */
            line-height: 1.8;
            margin: 10px auto 0 auto;
            max-width: 290px;
            text-align: center;
        }

        /* סגנון כפתור הוואטסאפ הירוק והמשולב */
        .contact-subtext .whatsapp-inline-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #25D366 !important; /* ירוק וואטסאפ רשמי */
            color: #ffffff !important; /* דריסת הגדרות צבע של קישורים גלובליים באתר */
            font-weight: 700 !important;
            font-size: 13.5px !important;
            padding: 4px 12px !important;
            margin: 2px 4px !important;
            border-radius: 9999px !important;
            text-decoration: none !important;
            box-shadow: 0 2px 4px rgba(37, 211, 102, 0.2) !important;
            transition: all 0.2s ease-in-out !important;
            vertical-align: middle;
        }

        /* הזרקת אייקון בועית הדיבור (💬) באמצעות CSS בלבד כדי למנוע בעיות שמירה בוורדפרס */
        .contact-subtext .whatsapp-inline-btn::before {
            content: "\1F4AC" !important; /* קוד ה-Unicode הרשמי של בועית הדיבור */
            margin-left: 6px;
            font-size: 14px;
            display: inline-block;
        }

        /* אפקט מעבר עדין (Hover) */
        .contact-subtext .whatsapp-inline-btn:hover {
            background-color: #20ba5a !important;
            box-shadow: 0 4px 8px rgba(37, 211, 102, 0.3) !important;
            transform: translateY(-1px);
        }


#colophon .contact-phone-number     { font-size: clamp(1rem, 2.5vw, 1.1rem); font-weight: 700; color: #1e293b; }
#colophon .contact-subtext          { font-size: clamp(0.72rem, 1.8vw, 0.8rem); font-weight: 600; color: #475569; }

/* Responsive */
@media (max-width: 768px) {
    #colophon .site-above-footer-wrap .ast-builder-footer-grid-columns { padding: 30px 16px; }
    #colophon .elementor-custom-card { margin-bottom: 28px; }
}

@media (max-width: 480px) {
    #colophon .site-above-footer-wrap .ast-builder-footer-grid-columns { padding: 24px 12px; }
    #colophon .elementor-custom-card  { margin-bottom: 24px; }
    #colophon .sc-box                 { width: 60px; height: 48px; }
    #colophon .contact-icon-btn       { width: 32px; height: 32px; }
    #colophon .contact-icon-btn svg   { width: 16px; height: 16px; }
    #colophon .waze-btn               { padding: 6px 12px; border-radius: 16px; }
}

@media (max-width: 360px) {
    #colophon .contact-icons-wrapper { gap: 8px; }
    #colophon .contact-icon-btn      { width: 30px; height: 30px; }
}