/*
Theme Name: Seven Seas Mobility
Theme URI:
Author: Seven Seas Mobility
Description: Custom one-page WordPress theme for Seven Seas Mobility.
Version: 1.0.0
Text Domain: seven-seas-mobility
*/

/* Custom Scrollbar & Utilities */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f0fdf4;
    }
    ::-webkit-scrollbar-thumb {
      background: #059669;
      border-radius: 4px;
    }
    .glass-nav {
      background: rgba(8, 40, 30, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .bg-grid-pattern {
      background-image: radial-gradient(rgba(16, 185, 129, 0.15) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .pulse-glow {
      animation: pulseGlow 2.5s infinite ease-in-out;
    }
    @keyframes pulseGlow {
      0%, 100% { opacity: 0.4; transform: scale(1); }
      50% { opacity: 0.8; transform: scale(1.05); }
    }
    .tab-active {
      border-bottom: 3px solid #10b981;
      color: #059669;
      font-weight: 700;
    }

    /* Seven Seas Mobility - floating chatbot + WhatsApp */
    #ssmChatWidget { position: fixed; right: 22px; bottom: 92px; z-index: 9998; font-family: Inter, sans-serif; }
    #ssmChatPanel {
      width: min(370px, calc(100vw - 28px)); height: 520px; background:#fff; border:1px solid rgba(5,150,105,.2);
      border-radius:22px; box-shadow:0 24px 70px rgba(8,40,30,.22); overflow:hidden; display:flex; flex-direction:column;
    }
    #ssmChatHeader { background:#08281e; color:#fff; padding:16px; display:flex; align-items:center; justify-content:space-between; }
    #ssmChatHeader .ssm-avatar { width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#08281e;font-weight:900; }
    #ssmChatMessages { flex:1; overflow-y:auto; padding:15px; background:#f4fbf7; }
    .ssm-msg { max-width:88%; padding:10px 12px; border-radius:14px; margin:0 0 10px; font-size:13px; line-height:1.5; }
    .ssm-bot { background:#fff; color:#24332d; border:1px solid #d9eee3; border-bottom-left-radius:4px; }
    .ssm-user { background:#059669; color:#fff; margin-left:auto; border-bottom-right-radius:4px; }
    .ssm-quick { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
    .ssm-quick button { border:1px solid #b7e5cf; background:#fff; color:#075b40; padding:7px 9px; border-radius:999px; font-size:11px; font-weight:700; cursor:pointer; }
    .ssm-quick button:hover { background:#e6f4ea; }
    #ssmChatForm { display:flex; gap:8px; padding:12px; border-top:1px solid #e5eee9; background:#fff; }
    #ssmChatInput { flex:1; min-width:0; border:1px solid #d8e5df; border-radius:12px; padding:10px 12px; outline:none; font-size:13px; }
    #ssmChatInput:focus { border-color:#059669; box-shadow:0 0 0 3px rgba(5,150,105,.1); }
    #ssmChatSend { width:42px; border:0; border-radius:12px; background:#10b981; color:#08281e; font-weight:900; cursor:pointer; }
    #ssmChatToggle { position:absolute; right:0; bottom:-68px; width:58px; height:58px; border:0; border-radius:50%; background:#08281e; color:#34d399; box-shadow:0 12px 35px rgba(8,40,30,.25); cursor:pointer; display:flex;align-items:center;justify-content:center; font-size:24px; }
    #ssmWhatsappFloat { position:fixed; left:22px; bottom:22px; z-index:9997; width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(37,211,102,.28);text-decoration:none;font-size:26px; }
    #ssmWhatsappFloat:hover { transform:translateY(-2px); }
    @media (max-width:640px) {
      #ssmChatWidget { right:14px; bottom:82px; }
      #ssmChatPanel { height:480px; }
      #ssmWhatsappFloat { left:14px; bottom:18px; width:54px;height:54px; }
    }