/*
Theme Name: ConectX
Theme URI: https://conectx.ro
Description: Temă pentru site-ul ConectX — furnizor de servicii internet în Suceava. Construită peste Twenty Twenty-Five.
Author: ConectX
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: conectx
*/

/* Listele de facilitati: bifa in loc de bulina */
ul.cx-list, .cx-list ul { list-style: none; padding-left: 0; }
ul.cx-list > li, .cx-list li {
	position: relative;
	padding-left: 1.6rem;
	margin-bottom: 0.5rem;
}
ul.cx-list > li::before, .cx-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.75rem;
	height: 0.4rem;
	border-left: 2px solid var(--wp--preset--color--accent);
	border-bottom: 2px solid var(--wp--preset--color--accent);
	transform: rotate(-45deg);
}

/* Zonele de acoperire, ca etichete */
.cx-zone {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	margin: 0 0.4rem 0.5rem 0;
	border: 1px solid var(--wp--preset--color--base-3);
	border-radius: 999px;
	font-size: 0.9rem;
}

/* Sigla din antet: inaltime fixa, ca randul sa nu sara */
.cx-logo img { max-height: 46px; width: auto; }
@media (max-width: 600px) { .cx-logo img { max-height: 36px; } }

/* Grila de abonamente: cinci carduri care se rearanjeaza singure.
   wp:columns nu merge aici — cinci coloane de bloc nu se sparg decent pe mobil. */
.cx-plans {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 1rem;
	margin: 0;
}
.cx-plan {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.5rem 1.25rem;
	border: 1px solid var(--wp--preset--color--base-3);
	border-radius: 12px;
	background: var(--wp--preset--color--base);
}
.cx-plan--pick {
	border-color: var(--wp--preset--color--accent);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
}
.cx-plan .cx-family {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}
.cx-plan h3 {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}
.cx-plan .cx-price {
	margin: 0.2rem 0 0.4rem;
	font-size: 2.25rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.03em;
}
.cx-plan .cx-price small {
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--wp--preset--color--contrast-2);
}
.cx-speeds {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0 0 0.5rem;
	font-size: 0.9rem;
	color: var(--wp--preset--color--contrast-2);
}
.cx-speeds strong { color: var(--wp--preset--color--contrast); }
.cx-cta {
	margin-top: auto;
	display: block;
	padding: 0.7rem 1rem;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 8px;
	font-size: 0.85rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.cx-cta:hover {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff;
}

/* Pretul de la gazduire foloseste aceeasi clasa, dar e paragraf de bloc */
p.cx-price:not(.cx-plan p) {
	font-size: clamp(2rem, 1.4rem + 2vw, 2.75rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.03em;
}

/* Sigla din subsol: acelasi fisier ca in antet, dar putin mai mare — subsolul
   e pe fundal inchis si nu concureaza cu meniul. */

/* Telefon + WhatsApp, aceeasi pereche in antet, in subsol si pe pagina de contact.
   Fundalurile sunt fixe (nu din paleta) pentru ca verdele WhatsApp e o culoare de
   marca straina, nu una a site-ului. */
.cx-contact { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cx-contact__btn {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .55rem .95rem; border-radius: 999px;
  font-size: .85rem; font-weight: 600; line-height: 1;
  text-decoration: none; color: #fff !important; white-space: nowrap;
}
.cx-contact__btn svg { width: 1.05em; height: 1.05em; flex: 0 0 auto; }
.cx-contact__btn--tel { background: var(--wp--preset--color--accent); }
.cx-contact__btn--wa  { background: #25D366; }
.cx-contact__btn:hover { filter: brightness(.92); }
@media (max-width: 600px) { .cx-contact__btn { padding: .5rem .8rem; font-size: .8rem; } }

/* Sigla din subsol e cea noua, fara slogan. Are umbra si contur gandite pentru
   fundal deschis, deci pe verdele inchis al subsolului primeste propriul fundal
   alb - altfel marginile se murdaresc. */
.cx-logo-subsol { margin: 0 0 1rem; }
.cx-logo-subsol img {
  max-width: 190px; height: auto; display: block;
  background: #fff; padding: .55rem .8rem; border-radius: 10px;
  box-sizing: content-box;
}