/* =====================================================================
   modern-sales.css  —  Projecto "Sales" page (Views/Default/Sales.cshtml)
   Purpose: light form refresh + testimonials + FAQ sections.
   Scope: everything is scoped under .sales-section or .ms-* classes only.
   Brand: #6366f1 indigo · #8b5cf6 violet · #a855f7 purple.
   RTL-first. Added via Projecto Inspector.
   NOTE: the intl-tel-input rules below were MOVED here from the inline
         <style> block that used to live at the top of Sales.cshtml.
   ===================================================================== */

/* ---- intl-tel-input (moved from inline <style> in Sales.cshtml) ---- */
div.iti--allow-dropdown { width: 100%; }
.iti__country-list { direction: ltr; z-index: 999999; }
.iti__selected-dial-code { direction: ltr; padding: 5px; }
.iti__selected-flag { height: 34px !important; margin-top: 0 !important; border-radius: unset !important; } /* override of intl-tel-input defaults */

/* ---- Local brand tokens ---- */
.sales-section, .ms-section {
    --ms-indigo:#6366f1; --ms-violet:#8b5cf6; --ms-purple:#a855f7;
    --ms-ink:#1e2235; --ms-muted:#6b7280; --ms-line:#e7e8f0; --ms-bg:#f6f7fb;
}

/* ============ 1) Light form refresh ============ */
.sales-section { background: var(--ms-bg); padding: 48px 0 60px; }
.sales-section .sales-holder {
    max-width: 640px; margin: 0 auto; background:#fff;
    border:1px solid var(--ms-line); border-radius:18px;
    padding:34px 30px; box-shadow:0 18px 50px rgba(30,34,53,.08);
}
.sales-section .title_headerr { text-align:center; margin-bottom:22px; }
.sales-section .sales-title {
    font-size:26px; font-weight:800; margin:0 0 6px;
    background:linear-gradient(90deg,var(--ms-indigo),var(--ms-purple));
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.sales-section .small_title { color:var(--ms-muted); font-size:15px; margin:0; }
.sales-section .control-label { font-weight:600; color:var(--ms-ink); margin-bottom:6px; }
.sales-section .control_span { color:var(--ms-muted); font-size:12px; }
.sales-section .sale_select {
    border:1.5px solid var(--ms-line); border-radius:11px; padding:11px 14px;
    transition:border-color .15s, box-shadow .15s; background:#fff;
}
.sales-section .sale_select:focus {
    border-color:var(--ms-indigo); box-shadow:0 0 0 3px rgba(99,102,241,.18); outline:none;
}
.sales-section textarea.sale_select { min-height:96px; resize:vertical; }
.sales-section .captcha-container { display:flex; justify-content:center; margin:6px 0 4px; }
.sales-section .sales_btn {
    width:100%; border:none; border-radius:12px; padding:13px 20px;
    font-weight:700; font-size:16px; color:#fff; cursor:pointer;
    background:linear-gradient(90deg,var(--ms-indigo),var(--ms-violet));
    transition:transform .12s, box-shadow .2s, filter .2s;
    box-shadow:0 10px 24px rgba(99,102,241,.32);
}
.sales-section .sales_btn:hover { filter:brightness(1.05); box-shadow:0 14px 30px rgba(99,102,241,.42); }
.sales-section .sales_btn:active { transform:translateY(1px); }
.sales-section .massage_send_div { max-width:640px; margin:0 auto; text-align:center; }

/* ============ 2) Shared section header (ms-) ============ */
.ms-section { padding:56px 0; }
.ms-section .container { max-width:1080px; }
.ms-head { text-align:center; margin-bottom:34px; }
.ms-badge {
    display:inline-block; font-size:13px; font-weight:700; color:var(--ms-indigo);
    background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.22);
    padding:5px 14px; border-radius:999px; margin-bottom:12px;
}
.ms-head h2 { font-size:28px; font-weight:800; color:var(--ms-ink); margin:0 0 8px; }
.ms-head p { color:var(--ms-muted); font-size:15px; margin:0; }

/* ============ 3) Testimonials ============ */
.ms-testim { background:#fff; }
.ms-testim-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ms-tcard {
    border:1px solid var(--ms-line); border-radius:16px; padding:22px; background:#fff;
    display:flex; flex-direction:column; gap:14px;
    transition:transform .15s, box-shadow .2s, border-color .2s;
}
.ms-tcard:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(30,34,53,.1); border-color:rgba(99,102,241,.35); }
.ms-tstars { color:#f59e0b; font-size:14px; letter-spacing:2px; }
.ms-ttext { color:#374151; font-size:15px; line-height:1.7; margin:0; flex:1; }
.ms-tfoot { display:flex; align-items:center; gap:12px; }
.ms-tavatar {
    width:44px; height:44px; border-radius:50%; flex:0 0 44px;
    display:flex; align-items:center; justify-content:center;
    font-weight:800; color:#fff; font-size:17px;
    background:linear-gradient(135deg,var(--ms-indigo),var(--ms-purple));
}
.ms-tname { font-weight:700; color:var(--ms-ink); font-size:15px; }

/* ============ 4) FAQ accordion ============ */
.ms-faq-wrap { background:var(--ms-bg); }
.ms-faq { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.ms-faq-item { border:1px solid var(--ms-line); border-radius:14px; background:#fff; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.ms-faq-item.ms-open { border-color:rgba(99,102,241,.45); box-shadow:0 10px 26px rgba(99,102,241,.12); }
.ms-faq-q {
    width:100%; text-align:right; background:none; border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:18px 20px; font-weight:700; font-size:16px; color:var(--ms-ink); font-family:inherit;
}
.ms-faq-q .ms-chev { color:var(--ms-indigo); transition:transform .25s; flex:0 0 auto; }
.ms-faq-item.ms-open .ms-faq-q .ms-chev { transform:rotate(180deg); }
.ms-faq-a {
    max-height:0; overflow:hidden; transition:max-height .3s ease;
    color:#4b5563; font-size:15px; line-height:1.8; padding:0 20px;
}
.ms-faq-item.ms-open .ms-faq-a { max-height:1000px; padding:0 20px 18px; }
.ms-faq-a a { color:var(--ms-indigo); font-weight:600; }

/* ============ Responsive ============ */
@media (max-width:880px){ .ms-testim-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){
    .ms-testim-grid{ grid-template-columns:1fr; }
    .sales-section .sales-holder{ padding:26px 18px; }
    .ms-head h2{ font-size:23px; }
}

/* ============ 5) Security / compliance (ported from pricing.html .pp-security) ============ */
.pp-security { --pp-primary:#6366f1; background:#fff; padding:56px 0; }
.pp-security .container { max-width:1080px; }
.pp-security .pp-section-head { text-align:center; margin-bottom:34px; }
.pp-security .pp-section-head h2 { font-size:28px; font-weight:800; color:#1e2235; margin:0 0 8px; }
.pp-security .pp-sub { color:#6b7280; font-size:15px; max-width:760px; margin:0 auto; line-height:1.7; }
.pp-security-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pp-sec-card { position:relative; border:1px solid #e7e8f0; border-radius:16px; padding:26px 20px; background:#fff; text-align:center; transition:transform .15s, box-shadow .2s, border-color .2s; }
.pp-sec-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(30,34,53,.1); border-color:rgba(99,102,241,.35); }
.pp-sec-icon { font-size:30px; margin-bottom:12px; }
.pp-sec-card h4 { font-size:16px; font-weight:700; color:#1e2235; margin:0 0 8px; }
.pp-sec-card p { font-size:14px; color:#6b7280; line-height:1.7; margin:0; }
.pp-sec-enterprise { border-color:rgba(99,102,241,.4); box-shadow:0 10px 26px rgba(99,102,241,.12); }
.pp-sec-badge { position:absolute; top:-11px; right:16px; background:linear-gradient(90deg,#6366f1,#8b5cf6); color:#fff; font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px; }
/* scroll-reveal (kept compatible with pricing's pp-reveal/pp-revealed) */
.pp-reveal { opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.pp-reveal.pp-revealed { opacity:1; transform:none; }
@media (max-width:880px){ .pp-security-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .pp-security-grid{ grid-template-columns:1fr; } }