/* TEMPMY_PRICING_POLISH_V1 */

body.tm-saas .tm-section--pricing {
    position: relative;
    overflow: hidden;
    padding-top: 42px !important;
    padding-bottom: 54px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(22,163,74,.10), transparent 34%),
        radial-gradient(circle at 92% 14%, rgba(6,182,212,.10), transparent 36%),
        var(--tm-bg, #f6f7fb);
}

body.tm-saas .tm-pricing-hero {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

body.tm-saas .tm-pricing-hero h1 {
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 1.02;
    color: var(--tm-text, #0f172a);
}

body.tm-saas .tm-pricing-hero p {
    font-size: 17px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

body.tm-saas .tm-pricing-card {
    position: relative;
    border-radius: 26px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 44px rgba(15,23,42,.08) !important;
    overflow: hidden;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

body.tm-saas .tm-pricing-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 60px rgba(15,23,42,.12) !important;
}

body.tm-saas .tm-pricing-free {
    background:
        radial-gradient(circle at 0% 0%, rgba(15,23,42,.045), transparent 42%),
        #fff;
}

body.tm-saas .tm-pricing-pro {
    background:
        radial-gradient(circle at 20% 0%, rgba(22,163,74,.16), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1)) !important;
    border-color: rgba(22,163,74,.30) !important;
}

body.tm-saas .tm-pricing-card .card-body {
    padding: 30px !important;
}

body.tm-saas .tm-pricing-card h2 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.025em;
}

body.tm-saas .tm-pricing-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 800;
    color: var(--color1, #16a34a);
    background: rgba(22,163,74,.12);
    border: 1px solid rgba(22,163,74,.22);
}

body.tm-dir-rtl .tm-pricing-badge {
    right: auto;
    left: 18px;
}

body.tm-saas .tm-price {
    align-items: flex-end;
    margin: 16px 0 12px;
}

body.tm-saas .tm-price-currency {
    font-size: 24px;
    font-weight: 800;
    color: rgba(15,23,42,.78);
    padding-bottom: 9px;
}

body.tm-saas .tm-price-amount {
    font-size: clamp(52px, 7vw, 78px);
    font-weight: 800;
    letter-spacing: -0.07em;
    line-height: .9;
    color: var(--tm-text, #0f172a);
}

body.tm-saas .tm-price-period {
    padding-bottom: 10px;
    color: rgba(15,23,42,.64);
    font-weight: 850;
}

body.tm-saas .tm-price-sub {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: -2px 0 16px;
    color: rgba(15,23,42,.66);
    font-size: 14px;
    font-weight: 700;
}

body.tm-saas .tm-price-savings {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 14px;
    color: #166534;
    background: rgba(22,163,74,.12);
    border: 1px solid rgba(22,163,74,.18);
    font-weight: 800;
}

body.tm-saas .tm-feature-list {
    margin: 20px 0 26px;
}

body.tm-saas .tm-feature-list li {
    margin: 12px 0;
    font-weight: 800;
}

/* TEMPMY_PRICING_BTN_RETARGET_V1 — this block previously targeted Bootstrap
   classes (.btn, .btn-primary, .btn-success, .btn-outline-primary) that the
   markup in pricing.blade.php never uses (it uses .tm-btn-primary /
   .tm-btn-secondary), so none of this applied. Retargeted to the real
   classes and to brand blue (was a leftover green theme via --color1
   fallback #16a34a). The old "force white text" override below this block
   is no longer needed: it was compensating for a separate .btn-only rule
   that never matched these classes either.
   Radius now matches the site-wide pill shape (--tm-radius-pill) used by
   these same classes on Home/Login/Inbox — this page was the only one
   still forcing a 16px rounded-rect via !important. */
body.tm-saas .tm-pricing-actions .tm-btn-primary,
body.tm-saas .tm-pricing-actions .tm-btn-secondary {
    min-height: 50px;
    border-radius: 14px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

/* Keep the CTA clear of the fixed cookie banner when keyboard/anchor
   navigation scrolls it into view (Tab focus, :target, scrollIntoView). */
body.tm-saas .tm-pricing-actions {
    scroll-margin-bottom: 140px;
}

body.tm-saas .tm-pricing-actions .tm-btn-primary {
    background: var(--tm-primary, #2563EB) !important;
    border-color: var(--tm-primary, #2563EB) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(37,99,235,.22) !important;
}

body.tm-saas .tm-pricing-actions .tm-btn-secondary {
    border-color: rgba(37,99,235,.28) !important;
    color: var(--tm-primary, #2563EB) !important;
    background: rgba(255,255,255,.92) !important;
}

body.tm-saas .tm-pricing-actions .tm-btn-secondary:hover {
    background: rgba(37,99,235,.08) !important;
}

body.tm-saas .tm-pricing-compare {
    border-radius: 24px !important;
    overflow: hidden;
}

body.tm-saas .tm-pricing-compare h2 {
    font-weight: 800;
    letter-spacing: -0.025em;
}

body.tm-saas .tm-compare-table {
    border-radius: 18px;
    overflow: hidden;
}

body.tm-saas .tm-compare-table th,
body.tm-saas .tm-compare-table td {
    padding: 14px 16px;
}

body.tm-saas .tm-compare-table thead th {
    background: rgba(15,23,42,.035);
    color: rgba(15,23,42,.72);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.tm-saas .tm-compare-table tbody th {
    color: var(--tm-text, #0f172a);
    font-weight: 800;
}

body.tm-saas .tm-compare-table tbody td:last-child {
    font-weight: 800;
}

@media (max-width: 767.98px) {
    body.tm-saas .tm-section--pricing {
        padding-top: 28px !important;
        /* Extra headroom on top of the page-level mobile-bottom-nav reservation
           (body.tm-saas already adds ~92px) so CTA/bottom content isn't right
           at the edge of that reserved zone once scrolled all the way down. */
        padding-bottom: calc(var(--tm-fixed-nav-reserve, var(--tm-mobile-bottom-nav-reserve, 92px)) + 36px + env(safe-area-inset-bottom)) !important;
    }

    body.tm-saas .tm-pricing-card .card-body {
        padding: 22px !important;
    }

    body.tm-saas .tm-price-amount {
        font-size: 58px;
    }

    body.tm-saas .tm-pricing-badge {
        position: static;
        margin-bottom: 8px;
    }

    /* Tighter vertical rhythm so the Pro plan's price/CTA clears the fixed
       cookie banner on first load instead of sitting underneath it. */
    body.tm-saas .tm-section--pricing .mb-4 {
        margin-bottom: 14px !important;
    }

    body.tm-saas .tm-price {
        margin: 10px 0 8px;
    }

    /* Compact the feature list a bit further on mobile so the CTA sits
       higher in the card rather than needing extra scroll past the nav. */
    body.tm-saas .tm-feature-list {
        margin: 10px 0 14px;
    }

    body.tm-saas .tm-feature-list li {
        margin: 8px 0;
    }

    body.tm-saas .tm-pricing-actions {
        margin-bottom: 4px;
    }

    body.tm-saas .tm-pricing-compare .card-body {
        padding: 16px !important;
    }

    body.tm-saas .tm-compare-table {
        min-width: 620px;
    }
}


/* TEMPMY_BLUE_CYAN_ROOT_FINAL_V1 — canonical copy lives in tm-brand-refresh.css,
   loaded on every page; duplicate removed here during token consolidation. */

.tm-cookie__msg a,
.tm-cookie a,
.tm-cookie__btn--ghost,
.tm-cookie__btn--outline:hover {
  color: #2563EB !important;
}

.tm-cookie__btn--primary {
  background: linear-gradient(135deg, #2563EB, #06B6D4) !important;
  color: #ffffff !important;
}

.tm-mobile-more a,
.tm-mobile-more a:visited,
.tm-mobile-more__panel a,
.tm-mobile-more__panel a:visited {
  color: #2563EB !important;
}

.tm-price-currency,
.tm-pricing-card .fa-check,
.tm-pricing-card i,
.pricing .fa-check,
.pricing i.fa-check,
.fa-star,
.fa-bolt,
.fa-gem {
  color: #2563EB !important;
}

.tm-change-result__title,
.tm-premium-domains__badge,
.tmx-actions a[href*="change"],
.tmx-actions a[href*="change"] i,
.tmx-actions a[href*="change"] span {
  color: #2563EB !important;
}



/* TEMPMY_PRICING_DESIGN_SYSTEM_V1 */
body.tm-saas .tm-section--pricing{
  background:radial-gradient(circle at 14% 0%,rgba(37,99,235,.10),transparent 32%),radial-gradient(circle at 90% 10%,rgba(6,182,212,.10),transparent 34%),linear-gradient(180deg,#FFFFFF,#F8FAFC 48%,#FFFFFF) !important;
}

body.tm-saas .tm-pricing-hero h1{
  letter-spacing:0;
  font-weight: 800;
  color:var(--tm-ds-text,#0F172A);
}

body.tm-saas .tm-pricing-hero p{
  color:var(--tm-ds-muted,#64748B);
  line-height:1.65;
}

body.tm-saas .tm-pricing-card{
  border-radius:var(--tm-ds-radius-lg,22px) !important;
  border:1px solid var(--tm-ds-border,rgba(15,23,42,.10)) !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.08) !important;
}

body.tm-saas .tm-pricing-pro{
  border-color:rgba(37,99,235,.26) !important;
  background:linear-gradient(180deg,rgba(239,246,255,.74),#FFFFFF 36%) !important;
  box-shadow:0 16px 44px rgba(37,99,235,.13) !important;
}

body.tm-saas .tm-pricing-card .card-body{padding:22px !important;}
body.tm-saas .tm-pricing-card h2{letter-spacing:0;color:var(--tm-ds-text,#0F172A);}

body.tm-saas .tm-pricing-badge,
body.tm-saas .tm-price-savings{
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.08);
  color:#1E40AF;
  border-radius:var(--tm-ds-pill,999px);
}

body.tm-saas .tm-price-amount{letter-spacing:0;color:var(--tm-ds-text,#0F172A);}
body.tm-saas .tm-feature-list li{color:var(--tm-ds-text,#0F172A);line-height:1.35;}

body.tm-saas .tm-pricing-actions .tm-btn-primary{
  background:var(--tm-ds-gradient,linear-gradient(135deg,#2563EB,#06B6D4)) !important;
  border-color:transparent !important;
  box-shadow:0 12px 28px rgba(37,99,235,.20) !important;
}

body.tm-saas .tm-pricing-actions .tm-btn-secondary{
  border-color:var(--tm-ds-border-strong,rgba(37,99,235,.20)) !important;
  background:#fff !important;
  color:var(--tm-ds-text,#0F172A) !important;
}

body.tm-saas .tm-pricing-compare,
body.tm-saas .tm-pricing-faq,
body.tm-saas .tm-faq-card{
  border-radius:var(--tm-ds-radius-lg,22px) !important;
  border:1px solid var(--tm-ds-border,rgba(15,23,42,.10)) !important;
  background:#fff !important;
  box-shadow:var(--tm-ds-shadow-sm,0 10px 24px rgba(15,23,42,.07)) !important;
}

@media (max-width:767.98px){
  body.tm-saas .tm-section--pricing{padding-bottom:calc(var(--tm-fixed-nav-reserve, var(--tm-mobile-bottom-nav-reserve, 92px)) + 36px + env(safe-area-inset-bottom)) !important;}
  body.tm-saas .tm-pricing-hero h1{font-size:33px;line-height:1.05;}
  body.tm-saas .tm-pricing-card .card-body{padding:17px !important;}
  body.tm-saas .tm-pricing-actions .tm-btn-primary,
  body.tm-saas .tm-pricing-actions .tm-btn-secondary{width:100%;min-height:48px;}
}
/* TEMPMY_FLATTEN_BATCH_2_PRICING_ACTIONS */
@media (min-width:768px){
  body.tm-saas .tm-pricing-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }

  body.tm-saas .tm-pricing-actions form{
    margin:0 !important;
  }

  body.tm-saas .tm-pricing-actions .tm-btn-primary,
  body.tm-saas .tm-pricing-actions .tm-btn-secondary{
    width:auto !important;
    min-width:0;
    min-height:44px;
    padding-inline:18px;
    box-shadow:none !important;
  }

  body.tm-saas .tm-pricing-actions .tm-btn-secondary.mt-2{
    margin-top:0 !important;
  }
}

/* TEMPMY_PRICING_MOBILE_REGRESSION_FIX_V1 */
body.tm-saas .tm-section--pricing{
  background:
    radial-gradient(circle at 14% 0%, rgba(37,99,235,.08), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(6,182,212,.08), transparent 34%),
    linear-gradient(180deg,#FFFFFF,#F8FAFC 48%,#FFFFFF) !important;
}

body.tm-saas .tm-pricing-card.tm-pricing-pro{
  background:linear-gradient(180deg, rgba(239,246,255,.80), #FFFFFF 42%) !important;
  border-color:rgba(37,99,235,.20) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}

body.tm-saas .tm-pricing-card.tm-pricing-pro::before{
  background:radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 24%), radial-gradient(circle at left bottom, rgba(6,182,212,.06), transparent 30%) !important;
}

body.tm-saas .tm-pricing-card h2,
body.tm-saas .tm-pricing-card .tm-price-amount,
body.tm-saas .tm-pricing-card .tm-price-period,
body.tm-saas .tm-pricing-card .tm-price-sub,
body.tm-saas .tm-pricing-card .tm-feature-list li,
body.tm-saas .tm-pricing-compare,
body.tm-saas .tm-pricing-compare h2,
body.tm-saas .tm-compare-table,
body.tm-saas .tm-compare-table th,
body.tm-saas .tm-compare-table td{
  color:#0F172A !important;
}

body.tm-saas .tm-pricing-badge{
  background:rgba(37,99,235,.08) !important;
  color:#1E40AF !important;
  box-shadow:none !important;
}

body.tm-saas .tm-pricing-badge::before{
  color:#1E40AF !important;
}

@media (max-width:767.98px){
  body.tm-saas .tm-pricing-card.tm-pricing-pro::before{
    display:none !important;
  }

  body.tm-saas .tm-pricing-pro .tm-pricing-badge{
    position:static;
    display:inline-flex;
    margin:0 0 10px;
    padding:5px 9px;
    font-size:11px;
    line-height:1;
  }

  body.tm-saas .tm-price{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:6px;
    margin:10px 0 8px;
  }

  body.tm-saas .tm-price-currency{
    font-size:18px;
    padding-bottom:4px;
  }

  body.tm-saas .tm-price-amount{
    font-size:44px;
    line-height:.92;
  }

  body.tm-saas .tm-price-period{
    padding-bottom:5px;
  }

  body.tm-saas .tm-pricing-hero p{
    font-size:15px;
    line-height:1.55;
  }

  body.tm-saas .tm-pricing-card .card-body{
    padding:18px !important;
  }

  body.tm-saas .tm-pricing-actions .tm-btn-primary,
  body.tm-saas .tm-pricing-actions .tm-btn-secondary{
    width:100%;
    min-height:48px;
  }

  body.tm-saas .tm-pricing-compare .card-body{
    padding:14px !important;
  }

  body.tm-saas .tm-compare-table{
    min-width:620px;
  }
}

@media (min-width:768px){
  body.tm-saas .tm-pricing-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }

  body.tm-saas .tm-pricing-actions form{
    margin:0 !important;
  }

  body.tm-saas .tm-pricing-actions .tm-btn-primary,
  body.tm-saas .tm-pricing-actions .tm-btn-secondary{
    width:auto !important;
    min-width:0;
    min-height:44px;
    padding-inline:18px;
    box-shadow:none !important;
  }

  body.tm-saas .tm-pricing-actions .tm-btn-secondary.mt-2{
    margin-top:0 !important;
  }
}

/* TEMPMY_FULL_VISUAL_REPAIR_20260626 */
body.tm-saas .tm-section--pricing{
  padding-top:38px !important;
  padding-bottom:58px !important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 48%,#fff 100%) !important;
}

body.tm-saas .tm-pricing-hero{
  margin-bottom:26px;
}

body.tm-saas .tm-pricing-hero h1{
  font-size:clamp(32px,4.6vw,52px);
  line-height:1.06;
  margin-bottom:12px;
}

body.tm-saas .tm-pricing-hero p{
  color:#475569 !important;
  line-height:1.65;
}

body.tm-saas .tm-pricing-card{
  height:100%;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}

body.tm-saas .tm-pricing-card .card-body{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

body.tm-saas .tm-pricing-pro{
  border-color:rgba(37,99,235,.22) !important;
  box-shadow:0 14px 36px rgba(37,99,235,.10) !important;
}

body.tm-saas .tm-price{
  align-items:flex-end;
  gap:4px 6px;
}

body.tm-saas .tm-price-period,
body.tm-saas .tm-price-sub{
  color:#475569 !important;
}

body.tm-saas .tm-feature-list{
  flex:1 1 auto;
}

body.tm-saas .tm-feature-list li{
  color:#334155 !important;
  line-height:1.45;
}

body.tm-saas .tm-pricing-actions{
  margin-top:auto;
  gap:10px;
}

body.tm-saas .tm-pricing-actions .tm-btn-primary,
body.tm-saas .tm-pricing-actions .tm-btn-secondary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

body.tm-saas .tm-pricing-compare{
  margin-top:28px;
}

body.tm-saas .tm-compare-table th,
body.tm-saas .tm-compare-table td{
  vertical-align:middle;
}

body.tm-saas .tm-pricing-faq,
body.tm-saas .tm-faq-card{
  color:#334155;
}

@media (max-width:767.98px){
  body.tm-saas .tm-section--pricing{
    padding-top:24px !important;
    padding-bottom:calc(var(--tm-fixed-nav-reserve, var(--tm-mobile-bottom-nav-reserve, 92px)) + 44px + env(safe-area-inset-bottom)) !important;
  }

  body.tm-saas .tm-pricing-hero{
    margin-bottom:18px;
  }

  body.tm-saas .tm-pricing-hero h1{
    font-size:31px;
    line-height:1.08;
  }

  body.tm-saas .tm-pricing-card{
    border-radius:18px !important;
  }

  body.tm-saas .tm-pricing-card .card-body{
    padding:18px !important;
  }

  body.tm-saas .tm-feature-list{
    margin:12px 0 16px;
  }

  body.tm-saas .tm-feature-list li{
    margin:9px 0;
  }

  body.tm-saas .tm-price-amount{
    font-size:42px;
  }

  body.tm-saas .tm-pricing-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  body.tm-saas .tm-pricing-compare{
    margin-top:20px;
    border-radius:18px !important;
  }
}