/*
Theme Name: Claud Architects
Theme URI: https://claudarchitects.com
Author: Claud Architects
Description: Theme e Claud Architects. Fotot në plan të parë, tipografi e qetë, kontakti gjithmonë një klik larg. Kërkon plugin-in "Claud Projekte".
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.5.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: claud
*/

/* Etiketa e vogël (statusi, lloji). */
.claud-chip,
.claud-chip a {
	display: inline-block;
	font-size: 0.75rem;
	line-height: 1.4;
	padding: 0.2rem 0.65rem;
	border: 1px solid #C9C5BD;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast-soft);
	text-decoration: none;
	white-space: nowrap;
}
.claud-chip:empty { display: none; }
.claud-terms.wp-block-post-terms { font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.claud-terms a { color: inherit; text-decoration: none; }

/* Filtrat e projekteve. */
.claud-filter .wp-block-button__link { padding: 0.55rem 1.1rem; font-size: 0.9375rem; }

/* Kartat e projekteve. */
.claud-card .wp-block-post-featured-image img { transition: opacity 0.2s ease; }
.claud-card .wp-block-post-featured-image a:hover img { opacity: 0.88; }
.claud-card .wp-block-post-title a:hover { color: var(--wp--preset--color--muted); }

/* Fakte projekti. */
.claud-facts p { margin: 0; }
.claud-facts .claud-fact-label { font-size: 0.8125rem; color: var(--wp--preset--color--muted); }
.claud-facts .claud-fact-value { font-weight: 500; }
.claud-facts .claud-fact-value:empty::before { content: "—"; color: var(--wp--preset--color--muted); }

/* Lista me numra e procesit. */
.claud-step { background: var(--wp--preset--color--base); border-radius: 4px; }

/* Blloku i errët i kontaktit. */
.claud-dark a { color: var(--wp--preset--color--night-text); }
.claud-dark a:hover { color: var(--wp--preset--color--night-muted); }
.claud-dark .wp-block-button__link { background: var(--wp--preset--color--night-text); color: var(--wp--preset--color--night); border-color: var(--wp--preset--color--night-text); }
.claud-dark .is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--night-text); }
.claud-dark input,
.claud-dark select,
.claud-dark textarea { color-scheme: dark; }

/* Fokus i dukshëm kudo. */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; }
}

/* Hapësirë mes fotos kryesore dhe tekstit të projektit. */
.single-projekt main > .wp-block-post-content { margin-block-start: var(--wp--preset--spacing--60); }

/* Videoja kryesore: 16:9, pa kontrolle, si foto e lëvizshme. */
.claud-hero-video video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 4px;
	background: var(--wp--preset--color--surface);
}

/* Instagram (Smash Balloon): pa kokë dhe pa butona të plugin-it, me cepa si fotot e tjera. */
#instagram #sb_instagram { padding-bottom: 0 !important; }
#instagram #sb_instagram .sb_instagram_header,
#instagram #sb_instagram #sbi_load { display: none !important; }
#instagram #sb_instagram .sbi_photo { border-radius: 4px; }

/* ===== 1.1: Hyrja në ekran të plotë, ngjyra e ngrohtë, lëvizje e lehtë ===== */

.claud-hero { position: relative; min-height: calc(100svh - 76px); display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: var(--wp--preset--color--night); margin-block-start: 0 !important; }
.claud-hero__inner { flex: 1 1 auto; }
.claud-hero__media { position: absolute; inset: 0; }
.claud-hero__media img, .claud-hero__media video { width: 100%; height: 100%; object-fit: cover; display: block; animation: claud-zoom 18s ease-out both; }
.claud-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,16,13,.78) 0%, rgba(20,16,13,.35) 45%, rgba(20,16,13,.15) 100%); }
.claud-hero__inner { position: relative; width: 100%; max-width: 1328px; margin: 0 auto; padding: clamp(6rem, 18vh, 12rem) clamp(1rem, 4vw, 3.5rem) clamp(2.5rem, 7vh, 5rem); box-sizing: border-box; animation: claud-rise 1s .15s ease-out both; }
.claud-hero__label { margin: 0 0 1rem; font-size: .8125rem; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent-light); }
.claud-hero__title { margin: 0; max-width: 14ch; font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(2.75rem, 7vw, 6.25rem); line-height: 1; letter-spacing: -.025em; color: #fff; }
.claud-hero__text { margin: 1.5rem 0 0; max-width: 34rem; font-size: clamp(1.0625rem, 1.4vw, 1.25rem); color: rgba(255,255,255,.88); }
.claud-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.claud-hero__credit { position: absolute; right: clamp(1rem, 4vw, 3.5rem); bottom: clamp(1.25rem, 3vh, 2rem); font-size: .875rem; color: rgba(255,255,255,.8); text-decoration: none; }
.claud-hero__credit:hover { color: #fff; }
.claud-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 1.6rem; border-radius: 999px; font-weight: 500; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }
.claud-btn--accent { background: var(--wp--preset--color--accent); color: #fff; }
.claud-btn--accent:hover { background: #fff; color: var(--wp--preset--color--contrast); }
.claud-btn--ghost { border: 1px solid rgba(255,255,255,.8); color: #fff; }
.claud-btn--ghost:hover { background: #fff; color: var(--wp--preset--color--contrast); }
@keyframes claud-zoom { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes claud-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

/* Kartat: zmadhim i lehtë i fotos. */
.claud-card .wp-block-post-featured-image { overflow: hidden; border-radius: 4px; }
.claud-card .wp-block-post-featured-image img { transition: transform .7s cubic-bezier(.2,.7,.2,1), opacity .2s ease; }
.claud-card:hover .wp-block-post-featured-image img { transform: scale(1.045); }
.claud-card .wp-block-post-title a { transition: color .2s ease; }
.claud-card:hover .wp-block-post-title a { color: var(--wp--preset--color--accent); }

/* Shfaqja e butë gjatë lëvizjes. */
.claud-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.claud-reveal.is-in { opacity: 1; transform: none; }

/* Theksi i ngrohtë. */
.claud-chip { border-color: color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent); color: var(--wp--preset--color--accent); }
.claud-filter .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); }
.claud-step { border-top: 2px solid var(--wp--preset--color--accent); }
#sherbimet .wp-block-group[style*="border-top-color:var(--wp--preset--color--contrast)"] { border-top-color: var(--wp--preset--color--accent) !important; }
.claud-dark .claud-form button { background: var(--wp--preset--color--accent); color: #fff; }
.claud-dark .claud-form .claud-chips input:checked + span { background: var(--wp--preset--color--accent-light); border-color: var(--wp--preset--color--accent-light); color: var(--wp--preset--color--night); }

@media (prefers-reduced-motion: reduce) {
	.claud-hero__media img, .claud-hero__media video, .claud-hero__inner { animation: none; }
	.claud-reveal { opacity: 1; transform: none; }
}

/* Celular: shërbimet dhe hapat në një kolonë. */
@media (max-width: 640px) {
	#sherbimet .is-layout-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ===== 1.2: gri e errët si logoja, sfond i pastër, shifrat e holla ===== */
.claud-hero__media::after { background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.32) 45%, rgba(0,0,0,.12) 100%); }
.claud-hero__label { color: rgba(255,255,255,.75); }
#sherbimet { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.claud-step { background: transparent !important; border: 1px solid var(--wp--preset--color--line); border-top: 2px solid var(--wp--preset--color--accent); }
.claud-stats { margin-block-start: clamp(2.5rem, 5vw, 4rem) !important; border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.claud-stat { flex: 1 1 15rem; display: flex; align-items: baseline; gap: .85rem; padding: 1.4rem 0; }
.claud-stat + .claud-stat { border-left: 1px solid var(--wp--preset--color--line); padding-left: clamp(1rem, 3vw, 2.5rem); }
.claud-stat p { margin: 0; }
.claud-stat-num { font-family: var(--wp--preset--font-family--heading); font-weight: 400; font-size: clamp(1.75rem, 2.6vw, 2.25rem); line-height: 1; letter-spacing: -.02em; white-space: nowrap; }
.claud-stat-label { font-size: .875rem; line-height: 1.45; color: var(--wp--preset--color--muted); }
@media (max-width: 760px) {
	.claud-stat + .claud-stat { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); padding-left: 0; }
	.claud-stat { padding: 1rem 0; }
}

/* Shërbimet dhe hapat: rrjeta e sigurt edhe kur seksioni vjen si pattern. */
#sherbimet > .wp-block-group.is-layout-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }

/* ===== 1.3: më pak hapësirë bosh, ballina më kompakte ===== */
.home .wp-block-post-content > .wp-block-group.alignwide,
.home .wp-block-post-content > .wp-block-media-text,
#sherbimet,
#instagram,
#kontakt { padding-top: clamp(2.5rem, 4.5vw, 4rem) !important; padding-bottom: clamp(2.5rem, 4.5vw, 4rem) !important; }
.home .claud-stats { margin-block-start: clamp(1.5rem, 3vw, 2.5rem) !important; }
.home .wp-block-post-content > * + * { margin-block-start: 0; }
#sherbimet h3.wp-block-heading[style*="margin-top"] { margin-top: clamp(2rem, 4vw, 3rem) !important; }
.home .wp-block-media-text { grid-template-columns: 45% 1fr !important; }
.home .wp-block-media-text__media img { aspect-ratio: 4 / 3; height: auto; max-height: 520px; object-fit: cover; border-radius: 4px; }
.home .wp-block-media-text__content { padding: 0 0 0 clamp(1.5rem, 4vw, 4rem) !important; }
#instagram #sb_instagram #sbi_images { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; padding: 0 !important; }
.home .wp-block-post-content > .wp-block-group.alignwide.claud-stats { padding: 0 !important; }
#instagram #sbi_images .sbi_item { width: auto !important; padding: 0 !important; margin: 0 !important; }
@media (max-width: 781px) {
	.home .wp-block-media-text { grid-template-columns: 1fr !important; }
	.home .wp-block-media-text__content { padding: 1.5rem 0 0 !important; }
	#instagram #sb_instagram #sbi_images { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ===== Studio: pa titull lart, tekst më i qetë ===== */
.claud-studio { padding-top: clamp(3rem, 7vw, 6rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.claud-studio-lead { font-size: clamp(2rem, 3.8vw, 3.5rem) !important; font-weight: 400 !important; line-height: 1.12 !important; letter-spacing: -.025em; max-width: 24ch; margin: 0; }
.claud-studio-cols { margin-top: clamp(2.5rem, 5vw, 4.5rem) !important; gap: clamp(2rem, 6vw, 6rem) !important; padding-top: clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid var(--wp--preset--color--line); }
.claud-studio-body p { font-size: clamp(1.0625rem, 1.3vw, 1.1875rem); line-height: 1.75; color: var(--wp--preset--color--contrast-soft); margin: 0 0 1.1rem; max-width: 40rem; }
.claud-studio-quote .wp-block-quote { margin: 0; padding: 0; border: 0; }
.claud-studio-quote .wp-block-quote p { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.25rem, 1.8vw, 1.5rem); line-height: 1.4; letter-spacing: -.01em; margin: 0; }
.claud-studio-quote .wp-block-quote cite { display: block; margin-top: 1rem; font-style: normal; font-size: .875rem; color: var(--wp--preset--color--muted); }
.claud-team-title { font-size: clamp(1.5rem, 2.4vw, 2rem) !important; margin-top: clamp(1rem, 3vw, 2rem) !important; padding-top: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--wp--preset--color--line); }
.claud-team { padding-bottom: clamp(3rem, 6vw, 5rem); }

.claud-studio-lead.has-text-align-center { margin-left: auto !important; margin-right: auto !important; max-width: 26ch; }

/* Butoni "Kthehu në fillim" */
.claud-top { position: fixed; right: clamp(1rem, 3vw, 2rem); bottom: clamp(1rem, 3vw, 2rem); z-index: 50; width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 1px solid var(--wp--preset--color--line); background: #FFFFFF; color: var(--wp--preset--color--contrast); display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease, visibility .25s, background-color .2s ease, color .2s ease; }
.claud-top.is-on { opacity: 1; visibility: visible; transform: none; }
.claud-top:hover { background: var(--wp--preset--color--contrast); color: #FFFFFF; border-color: var(--wp--preset--color--contrast); }
.claud-top:focus-visible { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .claud-top { transition: none; transform: none; } }
@media print { .claud-top { display: none; } }

/* Video e hyrjes: foto shfaqet menjëherë, videoja mbi të kur fillon */
.claud-hero__media .claud-hero__video { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; animation: none; }
.claud-hero__media.is-playing .claud-hero__video { opacity: 1; }
.claud-hero__media.has-video .claud-hero__poster { animation: none; }

/* Foto kryesore e projektit me rezolucion të ulët: pa zmadhim, pa prerje */
.claud-img-natural { text-align: center; aspect-ratio: auto !important; }
.claud-img-natural img { aspect-ratio: auto !important; width: auto !important; max-width: 100%; height: auto !important; max-height: 80vh; object-fit: contain !important; display: inline-block; }

/* Titulli H1 i faqes Shërbimet */
.claud-page-h1 + #sherbimet { padding-top: var(--wp--preset--spacing--50) !important; }

/* Ekipi: 4 kolona, 2 në telefon */
.claud-team.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 781px) { .claud-team.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* ===== 1.4: hyrja, shifrat, videot, projektet sipas llojit ===== */

/* Hyrja: titulli majtas, teksti dhe butonat djathtas, të ndarë me një vijë të hollë */
.claud-hero__inner { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: end; column-gap: clamp(2rem, 6vw, 6rem); row-gap: 1.75rem; }
.claud-hero__label { display: flex; align-items: center; gap: .85rem; margin-bottom: 1.25rem; }
.claud-hero__label::before { content: ""; width: 2.5rem; height: 1px; background: currentColor; opacity: .8; }
.claud-hero__title { max-width: 12ch; font-weight: 400; font-size: clamp(2.6rem, 6vw, 5.75rem); line-height: 1; letter-spacing: -.03em; text-wrap: balance; }
.claud-hero__side { padding-left: clamp(1.25rem, 2.5vw, 2.25rem); border-left: 1px solid rgba(255,255,255,.4); padding-bottom: .25rem; }
.claud-hero__text { margin: 0; max-width: 30rem; font-size: clamp(1rem, 1.2vw, 1.125rem); line-height: 1.65; color: rgba(255,255,255,.9); }
.claud-hero__actions { margin-top: 1.5rem; }
@media (max-width: 900px) {
	.claud-hero__inner { grid-template-columns: 1fr; }
	.claud-hero__side { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.35); padding-top: 1.25rem; }
}

/* Shifrat: numra të mëdhenj, etiketa e vogël poshtë */
.home .wp-block-post-content > .wp-block-group.alignwide.claud-stats { border-top: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.claud-stats .claud-stat { flex: 1 1 14rem; display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; padding: clamp(1.75rem, 3.5vw, 2.75rem) clamp(1rem, 2.5vw, 2rem) clamp(1.75rem, 3.5vw, 2.75rem) 0; }
.claud-stats .claud-stat + .claud-stat { padding-left: clamp(1.25rem, 3vw, 2.75rem); }
.claud-stats .claud-stat-num { font-size: clamp(3rem, 5.5vw, 4.75rem); font-weight: 400; letter-spacing: -.035em; line-height: .95; color: var(--wp--preset--color--contrast); }
.claud-stats .claud-stat-label { font-size: .8125rem; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--contrast-soft); }
.claud-stats .claud-stat-detail { margin: 0; font-size: .875rem; line-height: 1.5; color: var(--wp--preset--color--muted); }
@media (max-width: 781px) {
	.claud-stats .claud-stat, .claud-stats .claud-stat + .claud-stat { padding: 1.5rem 0; }
}

/* Videot */
.claud-video-sec { padding-top: clamp(2.5rem, 4.5vw, 4rem); padding-bottom: clamp(2.5rem, 4.5vw, 4rem); }
.claud-yt-channel { margin: 0; }
.claud-yt-channel a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.claud-yt-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(1rem, 2vw, 1.5rem); margin-top: var(--wp--preset--spacing--40); align-items: start; }
.claud-yt--main { grid-row: span 2; }
.claud-yt { margin: 0; display: flex; flex-direction: column; gap: .6rem; }
.claud-yt__play, .claud-yt__frame { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 4px; overflow: hidden; background: #111; cursor: pointer; }
.claud-yt__play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .2s ease; }
.claud-yt__play:hover img { transform: scale(1.03); opacity: .92; }
.claud-yt__icon { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(255,255,255,.94); box-shadow: 0 6px 24px rgba(0,0,0,.25); transition: transform .2s ease; }
.claud-yt--main .claud-yt__icon { width: 84px; height: 84px; margin: -42px 0 0 -42px; }
.claud-yt__icon::after { content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-50%, -50%); border-left: 16px solid var(--wp--preset--color--contrast); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.claud-yt__play:hover .claud-yt__icon { transform: scale(1.06); }
.claud-yt__play:focus-visible { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
.claud-yt figcaption { display: flex; justify-content: space-between; gap: 1rem; font-size: .9375rem; }
.claud-yt__title { font-weight: 500; }
.claud-yt__len { color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
@media (max-width: 781px) {
	.claud-yt-grid { grid-template-columns: 1fr; }
	.claud-yt--main { grid-row: auto; }
}

/* Faqja Projektet: seksion për çdo lloj */
.claud-grupi { margin-top: 0 !important; padding-top: var(--wp--preset--spacing--50); }
.claud-grupi + .claud-grupi { margin-top: var(--wp--preset--spacing--60) !important; border-top: 1px solid var(--wp--preset--color--line); }
.claud-grupi__koka { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1.25rem; margin-bottom: var(--wp--preset--spacing--40); }
.claud-grupi__nr { font-family: var(--wp--preset--font-family--heading); font-size: .875rem; letter-spacing: .1em; color: var(--wp--preset--color--muted); }
.claud-grupi__titulli { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -.02em; line-height: 1.1; }
.claud-grupi__sasia { font-size: .875rem; color: var(--wp--preset--color--muted); }
.claud-grupi__link { margin-left: auto; font-size: .9375rem; color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.claud-grupi__link:hover { color: var(--wp--preset--color--muted); }

/* ===== 1.4.1: ballina pa hapësira bosh, shifra më kompakte ===== */
.claud-stats .claud-stat { gap: .45rem; padding-top: clamp(1.25rem, 2.5vw, 2rem); padding-bottom: clamp(1.25rem, 2.5vw, 2rem); }
.claud-stats .claud-stat-num { font-size: clamp(2.25rem, 3.6vw, 3.25rem); }
@media (max-width: 781px) {
	.claud-stats .claud-stat, .claud-stats .claud-stat + .claud-stat { display: grid; grid-template-columns: 4.75rem 1fr; column-gap: 1rem; row-gap: .15rem; align-items: center; padding: .85rem 0; }
	.claud-stats .claud-stat-num { font-size: 1.875rem; }
	.claud-stats .claud-stat:has(.claud-stat-detail) .claud-stat-num { grid-row: span 2; }
	.claud-stats .claud-stat-label { font-size: .6875rem; letter-spacing: .12em; }
	.claud-stats .claud-stat-detail { grid-column: 2; font-size: .8125rem; line-height: 1.45; }
}

/* ===== 1.5: videot, brez i errët kinematografik ===== */
.home .wp-block-post-content > .claud-video-sec { margin-block-start: clamp(2rem, 4vw, 3.5rem) !important; }
.claud-video-sec { background: var(--wp--preset--color--night); color: var(--wp--preset--color--night-text); padding-top: clamp(3rem, 6vw, 5.5rem) !important; padding-bottom: clamp(3rem, 6vw, 5.5rem) !important; }
.claud-yt-koka { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1rem 2rem; margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.claud-yt-eyebrow { margin: 0 0 .6rem; font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--night-muted); }
.claud-yt-h { margin: 0; color: #fff; font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(2rem, 3.5vw, 3.25rem); letter-spacing: -.02em; line-height: 1.05; }
.claud-video-sec .claud-yt-channel { color: var(--wp--preset--color--night-text); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.45); padding-bottom: 2px; font-size: .9375rem; }
.claud-video-sec .claud-yt-channel:hover { color: #fff; border-color: #fff; }
.claud-video-sec .claud-yt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); margin-top: 0; }
.claud-video-sec .claud-yt { margin: 0; display: block; }
.claud-video-sec .claud-yt--main { grid-column: 1 / -1; grid-row: auto; }
.claud-video-sec .claud-yt__play { aspect-ratio: 2.39 / 1; border-radius: 6px; background: #000; }
.claud-video-sec .claud-yt__frame { aspect-ratio: 16 / 9; border-radius: 6px; }
.claud-video-sec .claud-yt__play::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%); transition: opacity .3s ease; }
.claud-video-sec .claud-yt__play:hover::after { opacity: .75; }
.claud-video-sec .claud-yt__icon { z-index: 2; width: 58px; height: 58px; margin: -29px 0 0 -29px; }
.claud-video-sec .claud-yt--main .claud-yt__icon { width: 88px; height: 88px; margin: -44px 0 0 -44px; }
.claud-video-sec .claud-yt--main .claud-yt__icon::after { border-left-width: 22px; border-top-width: 13px; border-bottom-width: 13px; }
.claud-yt__meta { position: absolute; z-index: 2; left: clamp(1rem, 2.5vw, 2rem); right: clamp(1rem, 2.5vw, 2rem); bottom: clamp(.85rem, 2vw, 1.6rem); display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; color: #fff; text-align: left; }
.claud-video-sec .claud-yt__title { font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.2; }
.claud-video-sec .claud-yt--main .claud-yt__title { font-size: clamp(1.35rem, 2.6vw, 2.25rem); letter-spacing: -.015em; }
.claud-video-sec .claud-yt__len { color: rgba(255,255,255,.75); font-size: .875rem; white-space: nowrap; }
@media (max-width: 781px) {
	.claud-video-sec .claud-yt-grid { grid-template-columns: 1fr; }
	.claud-video-sec .claud-yt__play { aspect-ratio: 2.39 / 1; }
	.claud-video-sec .claud-yt__icon, .claud-video-sec .claud-yt--main .claud-yt__icon { width: 48px; height: 48px; margin: -24px 0 0 -24px; }
	.claud-video-sec .claud-yt__icon::after, .claud-video-sec .claud-yt--main .claud-yt__icon::after { border-left-width: 13px; border-top-width: 8px; border-bottom-width: 8px; }
	.claud-video-sec .claud-yt__title, .claud-video-sec .claud-yt--main .claud-yt__title { font-size: 1rem; }
}

/* ===== 1.5.2: videot mbi gri të hapur ===== */
.claud-video-sec { background: #F2F2F2; color: var(--wp--preset--color--contrast); }
.claud-yt-eyebrow { color: var(--wp--preset--color--muted); }
.claud-yt-h { color: var(--wp--preset--color--contrast); }
.claud-video-sec .claud-yt-channel { color: var(--wp--preset--color--contrast); border-bottom-color: currentColor; }
.claud-video-sec .claud-yt-channel:hover { color: var(--wp--preset--color--muted); border-color: currentColor; }

/* ===== 1.5.3: shiritat e shifrave, minimalist ===== */
.claud-stats.wp-block-group { justify-content: center !important; align-items: center !important; }
.claud-stats .claud-stat, .claud-stats .claud-stat + .claud-stat { flex: 0 1 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: .1rem .6rem; padding: 1.05rem clamp(1rem, 2.5vw, 2.25rem); border-top: 0; }
.claud-stats .claud-stat + .claud-stat { border-left: 1px solid var(--wp--preset--color--line); }
.claud-stats .claud-stat-num { font-size: 1.375rem; font-weight: 400; letter-spacing: -.02em; line-height: 1; color: var(--wp--preset--color--contrast); }
.claud-stats .claud-stat-label { font-size: .875rem; letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--contrast-soft); }
.claud-stats .claud-stat-detail { font-size: .8125rem; color: var(--wp--preset--color--muted); }
.claud-stats .claud-stat-detail::before { content: "— "; }
@media (max-width: 781px) {
	.claud-stats.wp-block-group { justify-content: flex-start !important; }
	.claud-stats .claud-stat, .claud-stats .claud-stat + .claud-stat { flex: 1 1 100%; display: flex; padding: .7rem 0; border-left: 0; }
	.claud-stats .claud-stat + .claud-stat { border-top: 1px solid var(--wp--preset--color--line); }
	.claud-stats .claud-stat-num { font-size: 1.25rem; grid-row: auto; }
	.claud-stats .claud-stat-label { font-size: .8125rem; }
	.claud-stats .claud-stat-detail { flex-basis: 100%; font-size: .75rem; }
	.claud-stats .claud-stat-detail::before { content: none; }
}

/* ===== 1.5.4: videot mbi Dark Gray ===== */
.claud-video-sec { background: #A9A9A9; }
.claud-yt-eyebrow { color: var(--wp--preset--color--contrast-soft); }
.claud-video-sec .claud-yt-channel:hover { color: var(--wp--preset--color--contrast-soft); }

/* ===== 1.5.5: videot mbi Dim Gray, tekst i bardhë ===== */
.claud-video-sec { background: #696969; color: #FFFFFF; }
.claud-yt-eyebrow { color: rgba(255,255,255,.75); }
.claud-yt-h { color: #FFFFFF; }
.claud-video-sec .claud-yt-channel { color: #FFFFFF; border-bottom-color: rgba(255,255,255,.6); }
.claud-video-sec .claud-yt-channel:hover { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.8); }

/* ===== 1.5.6: vijë e hollë edhe sipër shiritit të shifrave ===== */
.home .wp-block-post-content > .wp-block-group.alignwide.claud-stats { border-top: 1px solid var(--wp--preset--color--line); }

/* ===== 1.5.7: videot mbi antracit ===== */
.claud-video-sec { background: #2B2B2B; }
.claud-yt-eyebrow { color: rgba(255,255,255,.6); }

/* ===== 1.5.8: fundi ngjitur me seksionin e kontaktit ===== */
.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0 !important; }