/* =======================================================
   GO4METIN – AQUA TURQUOISE (WOW) – v1.1.0
   Fix: Elementor global styles override (use high specificity)
   Add: nav chips, icon gem, shimmer, notes collapsed, better button
   ======================================================= */

.go4m-m2sw-root, .go4m-m2sw-root * { box-sizing: border-box; }
.go4m-m2sw-root{ position:relative; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }

/* Optional on Elementor Section */
.g4sf-aqua-page{
  background: radial-gradient(circle at top, #052029 0, #03141d 40%, #010509 100%);
  padding-top: 50px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.g4sf-aqua-page::before{
  content:"";
  position:absolute; inset:-120px;
  background:
    radial-gradient(circle at 25% 18%, rgba(38,241,215,0.10), transparent 55%),
    radial-gradient(circle at 75% 20%, rgba(87,225,255,0.12), transparent 58%),
    radial-gradient(circle at 50% 80%, rgba(102,255,221,0.08), transparent 60%);
  filter: blur(18px);
  pointer-events:none;
}

/* Panel */
.go4m-m2sw-root .g4sf-panel.g4sf-theme-aqua{
  background: radial-gradient(circle at top, #072632 0, #03151e 40%, #01070b 100%);
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #e6f9ff;
  overflow: hidden;
  position: relative;
}
.go4m-m2sw-root .g4sf-panel.g4sf-theme-aqua::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(31,228,208,0.06), transparent 30%, rgba(61,223,255,0.06));
  mix-blend-mode: screen;
  pointer-events:none;
}

/* HEADER */
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-header{
  position: relative;
  padding: 26px 24px 18px;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-header-overlay{
  position:absolute; inset:0;
  background: linear-gradient(135deg, rgba(0,0,0,0.82), rgba(5,196,197,0.22));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(64,224,208,0.25);
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-header-content{ position:relative; z-index:1; }
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-title{
  margin:0 0 4px;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color:#47f1e2;
  text-shadow: 0 0 18px rgba(0,255,230,0.65), 0 0 28px rgba(0,120,255,0.55);
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-subtitle{
  font-size: 13px;
  color:#a7c7d4;
  margin-bottom: 12px;
}

/* NAV CHIPS */
.go4m-m2sw-root .g4m-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 12px;
}
.go4m-m2sw-root .g4m-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(85,244,230,0.25);
  background: rgba(3,19,27,0.72);
  color: #dbfbff;
  text-decoration:none;
  font-size: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55);
  transition: transform .15s ease, filter .15s ease;
}
.go4m-m2sw-root .g4m-chip:hover{ transform: translateY(-1px); filter: brightness(1.05); }

/* SEARCH */
/* ===============================
   FIX input search – focus dark
   =============================== */

.go4m-m2sw-root .g4m-search{
  background: rgba(2, 25, 33, 0.85);
  color: #e6fbff;
  border: 1px solid rgba(90,244,229,0.35);
}

.go4m-m2sw-root .g4m-search::placeholder{
  color: rgba(166, 224, 235, 0.6);
}

.go4m-m2sw-root .g4m-search:focus,
.go4m-m2sw-root .g4m-search:focus-visible{
  background: rgba(2, 25, 33, 0.95);
  color: #ffffff;
  border-color: #4bf0e0;
  outline: none;
  box-shadow:
    0 0 0 2px rgba(75, 240, 224, 0.35),
    0 10px 30px rgba(0,0,0,0.6);
}


/* SECTIONS */
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-section{
  padding: 20px 22px 18px;
  border-top: 1px solid rgba(18,84,103,0.65);
  background: radial-gradient(circle at top left, rgba(3,40,53,0.85), rgba(2,15,24,0.98));
}
.go4m-m2sw-root .g4m-sec-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  position:relative;
  margin-bottom: 14px;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-section-title{
  font-size: 14px;
  font-weight: 700;
  margin:0;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-align:center;
  color:#d9fbff;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-section-title::after{
  content:"";
  display:block;
  width: 52px;
  height: 2px;
  border-radius: 999px;
  margin: 7px auto 0;
  background: linear-gradient(90deg, #1fe4d0, #3ddfff, #66ffdd);
}
.go4m-m2sw-root .g4m-sec-toggle{
  position:absolute;
  right:0; top:0;
  width: 42px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(90,244,229,0.55);
  background: rgba(2,25,33,0.55);
  cursor:pointer;
  box-shadow: 0 10px 22px rgba(0,0,0,0.55);
}

.go4m-m2sw-root .g4m-sec-chevron{
  display:inline-block;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(120,242,226,0.9);
  border-bottom: 2px solid rgba(120,242,226,0.9);
  transform: rotate(45deg);
  margin-top: 2px;
}
.go4m-m2sw-root .g4m-sec[data-collapsed="1"] .g4m-sec-chevron{ transform: rotate(-135deg); margin-top: 0; }
.go4m-m2sw-root .g4m-sec[data-collapsed="1"] .g4m-sec-body{ display:none; }

.go4m-m2sw-root .g4m-subcat{
  margin: 14px 0 8px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color:#7fc3d7;
  text-align:center;
}

/* CARD (WOW) */
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card{
  position:relative;
  display:flex;
  gap: 12px;
  padding: 12px 12px 12px 56px;
  border-radius: 18px;
  background: radial-gradient(circle at top left, rgba(22,86,105,0.92), rgba(3,25,36,0.98));
  border: 1px solid rgba(49,219,211,0.62);
  box-shadow: 0 12px 26px rgba(0,0,0,0.92), 0 0 26px rgba(31,228,208,0.52);
  margin-bottom: 10px;
  overflow:hidden;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(90deg, rgba(31,228,208,0.0), rgba(31,228,208,0.12), rgba(61,223,255,0.0));
  transform: translateX(-60%);
  animation: go4mShimmer 5.5s linear infinite;
  pointer-events:none;
}
@keyframes go4mShimmer{
  0%{ transform: translateX(-60%); }
  100%{ transform: translateX(60%); }
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 16px 30px rgba(0,0,0,0.92), 0 0 34px rgba(61,210,255,0.70);
}

.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4sf-system-status-optional{
  border-style:dashed;
  opacity:0.96;
}

.go4m-m2sw-root .g4m-icon{
  position:absolute;
  left: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  border: 1px solid rgba(79,236,220,0.80);
  background: radial-gradient(circle at top, #0af0df, #15a4c8, #021017);
  box-shadow: 0 0 18px rgba(33,232,214,0.32), 0 0 28px rgba(61,210,255,0.22);
  display:flex;
  align-items:center;
  justify-content:center;
}
.go4m-m2sw-root .g4m-icon span{
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  color: #021418;
  text-shadow: 0 0 10px rgba(255,255,255,0.18);
}

.go4m-m2sw-root .g4m-card-main{ flex:1; min-width:0; position:relative; z-index:1; }
.go4m-m2sw-root .g4m-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-title{
  font-size: 14px;
  font-weight: 700;
  color:#e8fbff;
  margin:0;
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-desc{
  font-size: 12px;
  color:#bcdde8;
  margin-top: 6px;
}

.go4m-m2sw-root .g4m-price-badge{ display:flex; align-items:center; gap:8px; flex-wrap:nowrap; justify-content:flex-end; flex:0 0 auto; }
.go4m-m2sw-root .g4m-price{
  font-size: 13px;
  font-weight: 800;
  color:#ecfbff;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(85,244,230,0.30);
  background: rgba(3,19,27,0.70);
  box-shadow: 0 6px 18px rgba(0,0,0,0.45), 0 0 20px rgba(31,214,221,0.25);
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

.go4m-m2sw-root .g4m-badge{
  font-size: 10px;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(88,240,221,0.8);
  background: rgba(1,22,30,0.95);
  color:#7df5e6;

}
.go4m-m2sw-root .g4m-badge-popular{ border-color: rgba(61,223,255,0.8); color:#8adff0; }
.go4m-m2sw-root .g4m-badge-pro{ border-color: rgba(102,255,221,0.8); color:#66ffdd; }
.go4m-m2sw-root .g4m-badge-new{ border-color: rgba(255,255,255,0.25); color:#e6fbff; }


/* PICK checkbox */
.go4m-m2sw-root .g4m-pick{
  /* position:absolute; */
  left: 10px;
  top: 54px;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(90,244,229,0.55);
  background: rgba(2,25,33,0.55);
  box-shadow: 0 10px 22px rgba(0,0,0,0.55);
  z-index: 2;
}
.go4m-m2sw-root .g4m-pick-input{ position:absolute; opacity:0; pointer-events:none; }
.go4m-m2sw-root .g4m-pick-box{
  width: 14px; height: 14px;
  border-radius: 4px;
  border: 2px solid rgba(120,242,226,0.9);
  background: transparent;
  box-shadow: 0 0 12px rgba(31,228,208,0.25);
}
.go4m-m2sw-root .g4sf-system-card.is-selected .g4m-pick-box{
  background: linear-gradient(135deg, #26f1d7, #57e1ff);
  border-color: transparent;
}
.go4m-m2sw-root .g4sf-system-card.is-selected{
  box-shadow: 0 16px 30px rgba(0,0,0,0.92), 0 0 38px rgba(61,210,255,0.75);
  border-color: rgba(102,255,221,0.9);
}

/* BUTTONS (override Elementor) */
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-btn-primary,
.go4m-m2sw-root .g4sf-btn-primary{
  background: linear-gradient(135deg, #26f1d7, #57e1ff) !important;
  color: #021418 !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0,0,0,0.90), 0 0 22px rgba(69,239,227,0.80) !important;
  transition: transform .15s ease, filter .15s ease;
}
.go4m-m2sw-root .g4sf-btn-primary:hover{ filter: brightness(1.05); transform: translateY(-1px); }

.go4m-m2sw-root .g4sf-btn-secondary{
  background: rgba(2,25,33,0.98) !important;
  border: 1px solid rgba(90,244,229,0.90) !important;
  color: #78f2e2 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.70);
  border-radius: 14px;
}

/* STICKY CONFIGURATOR */
.go4m-m2sw-root .g4m-sticky{
  position: sticky;
  bottom: 0;
  z-index: 9;
  margin-top: 12px;
  border-top: 1px solid rgba(64,224,208,0.25);
  background: rgba(1,10,14,0.78);
  backdrop-filter: blur(10px);
  padding: 12px 14px;
}
.go4m-m2sw-root .g4m-sticky-inner{
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
}
.go4m-m2sw-root .g4m-sticky-title{ font-weight: 800; color:#e6fbff; }
.go4m-m2sw-root .g4m-sticky-sub{ font-size: 12px; color:#a7c7d4; margin-top:2px; }
.go4m-m2sw-root .g4m-total{ display:flex; gap:12px; align-items:baseline; color:#a7c7d4; font-size:12px; }
.go4m-m2sw-root .g4m-total strong{ font-size:16px; color:#47f1e2; text-shadow: 0 0 12px rgba(0,255,230,0.40); }

.go4m-m2sw-root .g4m-notes-toggle{
  margin-top: 10px;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(85,244,230,0.20);
  background: rgba(3,19,27,0.55);
  color: #dbfbff;
  padding: 10px 12px;
  cursor:pointer;
}
.go4m-m2sw-root .g4m-notes-wrap{
  margin-top: 10px;
  display:none;
}
.go4m-m2sw-root .g4m-notes-wrap[data-open="1"]{ display:block; }

.go4m-m2sw-root .g4m-notes{
  width:100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(85,244,230,0.18) !important;
  background: rgba(3,19,27,0.55) !important;
  color:#e6fbff !important;
  padding: 10px 12px !important;
  outline:none;
  resize: vertical;
}
.go4m-m2sw-root .g4m-notes::placeholder{ color: rgba(167,199,212,0.65); }

/* Footer */
.go4m-m2sw-root .g4m-footer{ padding-top: 14px; padding-bottom: 14px; }
.go4m-m2sw-root .g4m-footer-note{ text-align:center; font-size: 12px; color:#9dd8ea; }

/* Responsive */
@media (max-width: 720px){
  .go4m-m2sw-root .g4sf-theme-aqua .g4sf-header{ padding: 22px 16px 16px; }
  .go4m-m2sw-root .g4sf-theme-aqua .g4sf-section{ padding: 18px 14px 16px; }
  .go4m-m2sw-root .g4m-sticky-inner{ flex-direction:column; align-items:stretch; }
  .go4m-m2sw-root .g4m-sticky-right{ display:flex; gap:10px; align-items:center; justify-content:space-between; }
  .go4m-m2sw-root .g4m-send{ width: 100%; }
}


/* =======================================================
   v1.2.0 – GRID LAYOUT (coloane) + mai “light”, mai rapid
   ======================================================= */
.go4m-m2sw-root .g4m-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}

.go4m-m2sw-root .g4m-grid .g4m-card{
  grid-column: span 6; /* 2 coloane */
  margin: 0;
}

@media (min-width: 1180px){
  .go4m-m2sw-root .g4m-grid .g4m-card{ grid-column: span 4; } /* 3 coloane */
}
@media (max-width: 720px){
  .go4m-m2sw-root .g4m-grid{ gap: 10px; }
  .go4m-m2sw-root .g4m-grid .g4m-card{ grid-column: span 12; } /* 1 col */
}

/* Compact tuning */
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card{
  padding: 12px 12px 12px 52px;
  box-shadow: 0 10px 22px rgba(0,0,0,0.82), 0 0 20px rgba(31,228,208,0.40);
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card:hover{
  box-shadow: 0 12px 24px rgba(0,0,0,0.86), 0 0 26px rgba(61,210,255,0.55);
}
.go4m-m2sw-root .g4sf-theme-aqua .g4sf-system-card.g4m-card::before{ opacity: 0.55; }



/* ===============================
   FIX: CARD FĂRĂ ICON (layout corect)
   =============================== */

/* dacă NU există icon */
.go4m-m2sw-root .g4m-card:not(:has(.g4m-icon)){
  padding-left: 16px; /* scoatem spațiul rezervat iconului */
}

/* checkbox mutat frumos în stânga */
.go4m-m2sw-root .g4m-card:not(:has(.g4m-icon)) .g4m-pick{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}





/* NEW */

.go4m-m2sw-root .g4m-include-title{
  color: #ff4d4d;        /* roșu clar */
  font-weight: 700;     /* îngroșat */
  display: block;
  margin-bottom: 6px;
}

.go4m-m2sw-root .g4m-card-image{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 12px;

  border: 1px solid rgba(90,244,229,.4);
  background: rgba(2,25,33,.6);
}

.go4m-m2sw-root .g4m-card-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.g4sf-system-desc .g4m-include-title{
  display: block;
  color: #ff4d4d;        /* roșu clar */
  font-weight: 700;
  margin-bottom: 6px;
}

.g4m-card-image{
  margin-bottom: 10px;
}

.g4m-card-image img{
  width: 100%;
  max-height: 140px;
  object-fit: cover;
  border-radius: 12px;
}