/* 
Theme Name: QSIM
Theme URI: https://www.TalPress.co.il
Description: A Theme For QSIM
Author: TalPress
Author URI: https://www.TalPress.co.il
Template: hello-elementor
Version: 1.0.2
Text Domain: talpress
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {overflow-x:hidden}
.grecaptcha-badge {display:none !important;}
input[type=tel] {text-align:right;}

.tp-credit{color:#000;font-size:14px;text-align:center;padding:3px 0;}
.tp-credit a {color:#000}

.payment_box.payment_method_grow-wallet-payment {display:none !important;}

.talpress-maya-wrap { display: grid; gap: 16px; }
.talpress-maya-wrap h4,.talpress-maya-wrap h3 {font-size:22px;}
.talpress-maya-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.talpress-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.talpress-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; }
.talpress-col-span-2 { grid-column: span 2; }
.talpress-muted { color:#6b7280; font-size:12px; margin-left:6px; }
.talpress-badge { background:#f3f4f6; border:1px solid #e5e7eb; border-radius:999px; padding:2px 8px; font-size:12px; }
.talpress-chip { background:#33CCCC; color:#fff; border-radius:6px; padding:2px 6px; }
.talpress-esim summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; }
.talpress-esim summary::-webkit-details-marker { display:none; }
.talpress-esim .talpress-esim-title { display:flex; align-items:center; gap:8px; font-size:16px; }
.talpress-esim .talpress-badges { display:flex; gap:6px; flex-wrap:wrap; }
.talpress-plans h4 { margin:6px 0 8px; }
.talpress-plan-head { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.talpress-plan-title { display:flex; align-items:center; gap:8px; }
.talpress-plan-metrics { color:#374151; font-size:13px; display:flex; gap:6px; align-items:center; }
.talpress-progress { position:relative; height:10px; background:#f3f4f6; border-radius:999px; overflow:hidden; margin-top:8px; }
.talpress-progress-bar { position:absolute; left:0; top:0; bottom:0; background:#2563eb; }
.talpress-progress-label { margin-top:6px; font-size:12px; color:#374151; }

.added_to_cart.wc-forward {display:none !important}

/* Flags row */
.talpress-flag { display:inline-flex; align-items:center; gap:4px; margin-right:8px; font-size:16px; }
.talpress-flag small { color:#6b7280; font-size:11px; }
.talpress-activation {margin-top:10px;}
/* Activation QR layout */
.talpress-qr-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.talpress-qr-box { width:140px; height:140px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e5e7eb; border-radius:12px; }
.talpress-qr svg { width:120px; height:120px; display:block; }
.talpress-qr-img { width:140px; height:140px; display:block; }
span.seperator {display:block;width:100%;height:2px;border-top:1px solid #33CCCC}

/* Plan Countries modal (talpress) */
.tp-countries { display:inline-block; }
.tp-countries-trigger { color:#0039F0;display:inline-flex;font-weight:400;align-items:center; gap:.35em; text-decoration:underline; }
.tp-countries-trigger .tp-countries-caret { font-weight:700; line-height:1;text-decoration:none }
.tp-countries-modal { position:fixed; inset:0; display:none;z-index:999 }
.tp-countries-modal.is-open { display:block; }
.tp-countries-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.4); }
.tp-countries-dialog {position:relative;margin:5vh auto 0;max-width:520px;width:92%;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:40px 20px;}
.tp-countries-close {color:#000;position:absolute; top:10px; left:10px;background:transparent; border:0; font-size:22px; line-height:1; cursor:pointer;}
.tp-countries-title { margin:0 0 10px; font-size:18px;text-align:center; }

/* 3-column grid for countries */
.tp-countries-grid {padding-right:0 !important;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;}
.tp-country {display: flex;align-items: center;gap: 8px;background: #f9f9f9;border-radius: 10px;padding: 10px;border: 1px solid #eee;}
.tp-country-flag { font-size: 20px; line-height: 1; }
.tp-country-name { font-size: 14px; }

.tp-esim-search {display:flex;gap:16px;align-items:center;}
.tp-esim-search button {background:#33CCCC;color:#fff;border:0;border-radius:50px;padding:12px 25px;font-weight:400 !important;font-size:20px;cursor:pointer;}
.tp-esim-search button:hover {background:#000;}
.tp-esim-search .select2-container .select2-selection--single{border-radius:50px; height:54px; display:flex; align-items:center; border:1px solid #e5e7eb;}
.tp-esim-search .select2-selection__rendered{line-height:46px;font-size:20px; padding-left:8px !important; padding-right:20px !important;font-weight:200 !important}
.tp-esim-search .select2-selection__arrow{top:14px !important;height:46px; right:10px;}
.tp-esim-search .select2-selection__placeholder {color:#000 !important;}
.tp-esim-search .select2-selection__clear {margin-right: 10px;top: 2px;}


.tp-archive-countries {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 15px;list-style: none;margin: 0;padding: 0;}
.tp-archive-country {display: flex;align-items: center;gap: 5px;font-size: 14px;padding: 0px;}
.tp-archive-country-flag {line-height: 1;}
.tp-archive-country-name {flex: 1;}
.tp-archive-country-count {color: #6b7280;font-size: 13px;}
.tp-archive-country-flag img {font-size: 60px;border-radius: 100% !important;height: 30px !important;width: 30px !important;border: 1px solid #dadada !important;}

.tp-faq {}
.tp-faq-item {margin-bottom:10px;background: #F4FFFF;border-radius: 5px;box-shadow: 0px 0px 31px rgba(51, 204, 204, 0.15);}
.tp-faq-toggle {display: flex;justify-content:space-between;text-align:right;border:0;
align-items: center;cursor: pointer;width: 100%; padding: 8px 18px 13px;font-size: 16px;color: #1b3c44;gap: 10px;align-items: flex-start;}
.tp-faq-toggle:active,.tp-faq-toggle:focus {background: var(--e-global-color-primary);}
.tp-faq-plus {flex: 0 0 auto; width: 28px;height: 28px;display: inline-grid;place-items: center;font-weight: 700;margin-inline-start: 6px;user-select: none;}
.tp-faq-toggle[aria-expanded="true"] .tp-faq-plus::before { content: "–"; }
.tp-faq-toggle[aria-expanded="true"] .tp-faq-plus { font-size: 18px; }
.tp-faq-toggle[aria-expanded="false"] .tp-faq-plus::before { content: "+"; }

.tp-faq-toggle:hover svg path:first-child,
.tp-faq-toggle[aria-expanded="true"] svg path:first-child {fill:#fff;}
.tp-faq-toggle:hover svg path:last-child,
.tp-faq-toggle[aria-expanded="true"] svg path:last-child {fill:var(--e-global-color-primary)}


.tp-faq-question {max-width:100%;padding-inline-start: 8px;font-size:16px;font-weight:400;  flex: 1 1 auto;min-width: 0;white-space: normal;overflow-wrap: anywhere;word-break: break-word;}
.tp-faq-question svg {position:relative;top:6px;}
.tp-faq-panel {padding: 10px 20px 0 0;color: #1b3c44;overflow: hidden;transition: height .28s ease, opacity .28s ease;will-change: height, opacity;}
.tp-faq-answer {font-size: 16px;}
.tp-faq-toggle:hover {background:var(--e-global-color-primary)}
.tp-faq-panel[hidden] { display: none !important; }
.tp-faq-toggle { transition: background-color .2s ease; }

.tp-faq-plus { transition: transform .25s ease; }

.infinity {position:relative;transition: all 0.250s ease-in-out;}
.infinity:before {opacity:0;transition: all 0.250s ease-in-out;}
.infinity:hover:before {opacity:1;position: absolute;transition: all 0.250s ease-in-out;
  right: -89px;
  top: 15px;
  height: auto;
  background: #000;
  content: "ללא הגבלה";
  color: #fff;
  width: 80px;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;}

@media (max-width: 768px) {
  .tp-countries-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tp-countries-dialog {margin: 20px auto;max-height: calc(100vh - 40px);overflow-y: auto;}
  
  .tp-esim-search {flex-direction: column;}
  .tp-esim-search select {width:100%;}
  .tp-esim-search button {width:100%;}
  .tp-archive-countries {grid-template-columns: 2fr;}
}