/*
Theme Name:   Caranica – Cabinet de avocat
Theme URI:    https://avocatbraila.ro/
Description:  Temă copil pentru Kadence, realizată pentru Cabinetul de avocat Caranica George Marius. Culori, tipografie, componente (carduri, casete, întrebări frecvente) și modele de blocuri gata de folosit.
Author:       Cabinet de avocat Caranica George Marius
Template:     kadence
Version:      1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  caranica
*/

/* ------------------------------------------------------------------
 * Paletă (aceleași valori le setați și în Personalizare → Culori)
 *   bleumarin  #1c2a44   accent auriu #b08d57   crem #f7f4ee
 * ---------------------------------------------------------------- */
:root {
	--cg-navy: #1c2a44;
	--cg-navy-2: #2c3e63;
	--cg-gold: #b08d57;
	--cg-gold-dark: #94733f;
	--cg-cream: #f7f4ee;
	--cg-line: #e3ddd2;
	--cg-text: #222831;
	--cg-muted: #5b6270;
	--cg-radius: 12px;
	--cg-shadow: 0 6px 24px rgba(28, 42, 68, .08);
}

body { color: var(--cg-text); -webkit-font-smoothing: antialiased; }

.entry-content a:not(.wp-block-button__link):not(.cgc-btn) { color: var(--cg-navy-2); text-decoration-color: var(--cg-gold); text-underline-offset: 3px; }
.entry-content a:not(.wp-block-button__link):not(.cgc-btn):hover { color: var(--cg-gold-dark); }

.entry-content h2 { position: relative; margin-top: 1.8em; }
.entry-content h2::after { content: ""; display: block; width: 48px; height: 3px; background: var(--cg-gold); margin-top: .35em; border-radius: 2px; }
.entry-content .cg-hero h2::after, .entry-content .has-text-align-center::after { margin-left: auto; margin-right: auto; }

/* Butoane Gutenberg */
.wp-block-button__link { border-radius: 999px !important; padding: .8em 1.5em !important; font-weight: 600; background: var(--cg-gold); color: #fff; }
.wp-block-button__link:hover { background: var(--cg-gold-dark); color: #fff; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--cg-navy); border: 2px solid var(--cg-navy); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--cg-navy); color: #fff; }

/* ------------------------------------------------------------------
 * Bandă de deschidere (cg-hero)
 * ---------------------------------------------------------------- */
.cg-hero, .is-style-cg-hero {
	background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-2) 100%);
	color: #e9edf5;
	border-radius: var(--cg-radius);
	padding: clamp(1.8rem, 5vw, 3.5rem) clamp(1.4rem, 5vw, 3.5rem) !important;
	margin-bottom: 2.5rem;
	position: relative;
	overflow: hidden;
}
.cg-hero::before, .is-style-cg-hero::before {
	content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px;
	border: 2px solid rgba(176, 141, 87, .35); border-radius: 50%;
}
.cg-hero p, .is-style-cg-hero p { color: #e9edf5; max-width: 760px; }
.cg-hero .cg-lead, .is-style-cg-hero .cg-lead { color: #fff; font-family: var(--global-heading-font-family, Georgia, serif); font-size: clamp(1.5rem, 3.2vw, 2.2rem); line-height: 1.25; font-weight: 700; }
.cg-hero a:not(.wp-block-button__link) { color: #fff; }
.cg-hero .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.75); }
.cg-hero .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #fff; color: var(--cg-navy); }
.cg-hero .wp-block-image img { border-radius: var(--cg-radius); }

/* Paragraf introductiv */
.cg-lead, .is-style-cg-lead { font-size: 1.2em; line-height: 1.6; color: var(--cg-navy); }

/* ------------------------------------------------------------------
 * Carduri (cg-cards / cg-card)
 * ---------------------------------------------------------------- */
.cg-cards, .is-style-cg-cards { gap: 1.2rem !important; margin-bottom: 1.2rem !important; }
.cg-card, .cg-cards > .wp-block-column, .is-style-cg-cards > .wp-block-column {
	background: #fff; border: 1px solid var(--cg-line); border-top: 3px solid var(--cg-gold);
	border-radius: var(--cg-radius); padding: 1.3rem 1.4rem; box-shadow: var(--cg-shadow);
	transition: transform .15s ease, box-shadow .15s ease;
}
.cg-card:hover, .cg-cards > .wp-block-column:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,42,68,.12); }
.cg-card h3, .cg-cards h3 { font-size: 1.15rem; margin: 0 0 .5em; }
.cg-card h3 a, .cg-cards h3 a { color: var(--cg-navy) !important; text-decoration: none !important; }
.cg-card h3 a::after, .cg-cards h3 a::after { content: " →"; color: var(--cg-gold); }
.cg-card p:last-child { margin-bottom: 0; }
@media (min-width: 782px) and (max-width: 1024px) {
	.cg-cards { flex-wrap: wrap !important; }
	.cg-cards > .wp-block-column { flex-basis: calc(50% - .6rem) !important; }
}

/* ------------------------------------------------------------------
 * Casetă de informare (cg-note)
 * ---------------------------------------------------------------- */
.cg-note, .is-style-cg-note {
	background: var(--cg-cream); border-left: 4px solid var(--cg-gold); border-radius: 8px;
	padding: 1.1rem 1.4rem !important; margin: 1.6rem 0 !important;
}
.cg-note > *:first-child { margin-top: 0; }
.cg-note > *:last-child { margin-bottom: 0; }
.cg-note h2::after, .cg-note h3::after { display: none; }

/* ------------------------------------------------------------------
 * Întrebări frecvente (cg-faq)
 * ---------------------------------------------------------------- */
.cg-faq, .is-style-cg-faq, .wp-block-details {
	border: 1px solid var(--cg-line); border-radius: 10px; padding: 0 1.2rem; margin: 0 0 .7rem !important; background: #fff;
}
.wp-block-details summary {
	cursor: pointer; font-weight: 700; color: var(--cg-navy); padding: 1rem 2rem 1rem 0; list-style: none; position: relative;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; position: absolute; right: 0; top: .8rem; font-size: 1.4rem; color: var(--cg-gold); font-weight: 400; }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details[open] { box-shadow: var(--cg-shadow); }
.wp-block-details > *:last-child { margin-bottom: 1rem; }

/* Tabele */
.entry-content .wp-block-table table { border-collapse: collapse; width: 100%; }
.entry-content .wp-block-table th { background: var(--cg-navy); color: #fff; text-align: left; }
.entry-content .wp-block-table td, .entry-content .wp-block-table th { border: 1px solid var(--cg-line); padding: .6em .8em; }
.entry-content .wp-block-table tr:nth-child(even) td { background: #faf8f4; }

/* Liste cu bife */
.entry-content ul.wp-block-list { padding-left: 1.3em; }
.entry-content ul.wp-block-list li::marker { color: var(--cg-gold); }

/* Citat */
.wp-block-quote { border-left: 4px solid var(--cg-gold) !important; background: var(--cg-cream); padding: 1rem 1.4rem !important; border-radius: 0 8px 8px 0; }

/* Imagini (portret, birou) */
.entry-content .wp-block-image img { border-radius: var(--cg-radius); }
.is-style-cg-portret img { border-radius: 50% !important; aspect-ratio: 1; object-fit: cover; border: 4px solid #fff; box-shadow: var(--cg-shadow); }

/* Articole de blog – carduri în arhivă */
.loop-entry { border-radius: var(--cg-radius); overflow: hidden; box-shadow: var(--cg-shadow); border: 1px solid var(--cg-line); }
.loop-entry .entry-title a { color: var(--cg-navy); }

/* Antet & subsol – accente discrete */
.site-header .header-button, .site-header .button { border-radius: 999px; }
.site-footer { border-top: 3px solid var(--cg-gold); }

/* Spațiu pentru bara fixă de pe mobil (din modulul Cabinet) */
@media (max-width: 768px) {
	.site-footer { padding-bottom: 3.6em; }
}