/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* =========================================================
   alysondarugna.com — IDENTIDADE GLOBAL "Workstation"
   v2.0 · 2026-06-11 · Direção A (ref. Teenage Engineering EP-133)
   Substitui "Editorial Sóbrio" v1.0 (backup em Sites_Backups).
   Arquitetura de seletores herdada da v1.0.
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&family=Inter:wght@400;500&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --ad-chassi:   #DEDBD4;
  --ad-painel:   #F4F2ED;
  --ad-tinta:    #1A1A1A;
  --ad-cinza:    #5F5E5A;
  --ad-cinza-2:  #8A877F;
  --ad-borda:    #C9C6BE;
  --ad-laranja:  #FF4D00;
  --ad-grotesk:  "Space Grotesk", -apple-system, "Helvetica Neue", sans-serif;
  --ad-sans:     "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --ad-mono:     "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ============= BODY base ============= */
body {
  background: var(--ad-chassi);
  color: var(--ad-tinta);
  font-family: var(--ad-sans);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ============= Headings ============= */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title {
  font-family: var(--ad-grotesk);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--ad-tinta);
  line-height: 1.15;
}

h1, .entry-title { font-size: clamp(32px, 4.2vw, 52px); }
h2 { font-size: clamp(26px, 3.2vw, 36px); }
h3 { font-size: clamp(20px, 2.4vw, 27px); }
h4 { font-size: 20px; }

em, i { font-style: italic; }
h1 em, h2 em, h3 em, .entry-title em { color: var(--ad-laranja); font-style: normal; font-weight: 500; }

/* ============= Links de corpo ============= */
.entry-content a,
.post-content a,
article a,
.ct-post-content a,
main a:not(.button):not(.wp-block-button__link):not(.ct-button) {
  color: var(--ad-tinta);
  text-decoration: none;
  border-bottom: 1px solid var(--ad-laranja);
  transition: color .15s, border-color .15s;
}

.entry-content a:hover,
.post-content a:hover,
article a:hover,
.ct-post-content a:hover,
main a:not(.button):not(.wp-block-button__link):not(.ct-button):hover {
  color: var(--ad-laranja);
}

/* ============= Parágrafos no corpo do post ============= */
.entry-content p,
.post-content p,
.ct-post-content p {
  font-family: var(--ad-sans);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ad-tinta);
  margin: 0 0 1.25em;
  max-width: 68ch;
}

.entry-content > *,
.post-content > *,
.ct-post-content > * {
  max-width: 68ch;
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignwide,
.entry-content > .alignfull,
.entry-content > .wp-block-image,
.entry-content > figure,
.post-content > .alignwide,
.post-content > .alignfull {
  max-width: none;
}

/* ============= Blockquote painel ============= */
.entry-content blockquote,
.post-content blockquote,
blockquote.wp-block-quote {
  border: 1px solid var(--ad-borda);
  border-left: 3px solid var(--ad-laranja);
  border-radius: 0;
  background: var(--ad-painel);
  padding: 24px 28px;
  margin: 32px auto;
  max-width: 64ch;
}

.entry-content blockquote p,
blockquote.wp-block-quote p {
  font-family: var(--ad-grotesk);
  font-size: 22px;
  font-style: normal;
  line-height: 1.4;
  color: var(--ad-tinta);
}

/* ============= Listas ============= */
.entry-content ul, .entry-content ol,
.post-content ul, .post-content ol {
  font-family: var(--ad-sans);
  font-size: 17px;
  line-height: 1.65;
  max-width: 64ch;
  margin: 1em auto 1.4em;
  padding-left: 1.4em;
}

.entry-content li, .post-content li { margin-bottom: 0.4em; }

/* ============= Code inline ============= */
.entry-content code,
.post-content code {
  font-family: var(--ad-mono);
  font-size: 0.88em;
  background: var(--ad-painel);
  border: 1px solid var(--ad-borda);
  padding: 0.1em 0.4em;
  border-radius: 4px;
  color: var(--ad-tinta);
}

/* ============= Strong, em ============= */
.entry-content strong, .post-content strong { font-weight: 500; color: var(--ad-tinta); }
.entry-content em, .post-content em { font-style: italic; }

/* ============= HR / Separadores ============= */
.entry-content hr,
.post-content hr,
hr.wp-block-separator {
  border: 0;
  border-top: 1px solid var(--ad-borda);
  margin: 48px auto;
  max-width: 100%;
}

/* ============= Botões (teclas) ============= */
.wp-block-button__link,
.ct-button,
button.button,
input[type="submit"] {
  background: var(--ad-tinta);
  color: var(--ad-painel);
  font-family: var(--ad-mono);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: lowercase;
  border-radius: 6px;
  border: 1px solid var(--ad-tinta);
  padding: 13px 26px;
  transition: background .15s, color .15s, transform .1s;
}

.wp-block-button__link:hover,
.ct-button:hover,
button.button:hover,
input[type="submit"]:hover {
  background: var(--ad-laranja);
  border-color: var(--ad-laranja);
  color: #FFFFFF;
}

.wp-block-button__link:active,
.ct-button:active,
button.button:active,
input[type="submit"]:active {
  transform: translateY(1px);
}

.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--ad-tinta);
  border-color: var(--ad-tinta);
}

/* ============= Site Header (Blocksy global) ============= */
.ct-header,
header.site-header,
[data-row="top"],
[data-row="middle"],
[data-row="bottom"] {
  background: var(--ad-chassi) !important;
  border-bottom: 1px solid var(--ad-borda);
}

.ct-header a,
header.site-header a {
  color: var(--ad-tinta);
  border-bottom: none;
  font-family: var(--ad-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: lowercase;
}

.ct-header a:hover,
header.site-header a:hover { color: var(--ad-laranja); }

/* Logo / site title */
.site-title, .ct-site-title {
  font-family: var(--ad-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--ad-tinta);
}

/* ============= Site Footer (display escuro) ============= */
.ct-footer,
footer.site-footer {
  background: var(--ad-tinta);
  border-top: none;
  font-family: var(--ad-mono);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--ad-cinza-2);
}

.ct-footer a, footer.site-footer a {
  color: #B4B2A9;
  border-bottom: none;
}

.ct-footer a:hover, footer.site-footer a:hover { color: var(--ad-laranja); }

.ct-footer h1, .ct-footer h2, .ct-footer h3, .ct-footer h4,
.ct-footer .wp-block-heading, .ct-footer .widget-title {
  color: #F4F2ED;
}

/* ============= Single post — título + meta ============= */
.single .entry-title,
.single-post .entry-title,
article .entry-title {
  font-family: var(--ad-grotesk);
  font-weight: 500;
  font-size: clamp(32px, 4.4vw, 54px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  margin-bottom: 0.6em;
  text-align: left;
}

.entry-meta, .post-meta, .ct-meta-element {
  font-family: var(--ad-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--ad-laranja);
}

/* ============= Archive / lista de posts (painéis) ============= */
.archive .entry-title,
.archive .ct-post-title,
.search-results .entry-title {
  font-family: var(--ad-grotesk);
  font-weight: 500;
  font-size: clamp(20px, 2.2vw, 27px);
  line-height: 1.2;
}

.archive .entry-title a,
.archive .ct-post-title a {
  color: var(--ad-tinta);
  border-bottom: none;
}

.archive .entry-title a:hover { color: var(--ad-laranja); }

.archive article,
.blog article.post,
[data-cards="boxed"] article {
  background: var(--ad-painel);
  border: 1px solid var(--ad-borda);
  border-radius: 10px;
  transition: border-color .15s, transform .15s;
}

.archive article:hover,
.blog article.post:hover,
[data-cards="boxed"] article:hover {
  border-color: var(--ad-tinta);
  transform: translateY(-2px);
}

/* ============= Categoria / tag header ============= */
.archive .page-header,
.archive-title,
.ct-archive-header {
  border-bottom: 1px solid var(--ad-borda);
  padding-bottom: 32px;
  margin-bottom: 48px;
}

/* ============= Selection ============= */
::selection {
  background: var(--ad-laranja);
  color: #FFFFFF;
}

/* ============= Scrollbar ============= */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ad-chassi); }
::-webkit-scrollbar-thumb { background: var(--ad-borda); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--ad-laranja); }

/* ============= Motion · respeita reduced motion ============= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ============= Mobile ============= */
@media (max-width: 740px) {
  body { font-size: 16px; }
  .entry-content p, .post-content p { font-size: 16px; }
  .entry-content blockquote p { font-size: 19px; }
}

/* Logo bitmap Workstation */
.site-logo-container img,
img.custom-logo {
	filter: grayscale(1) contrast(1.8);
	mix-blend-mode: multiply;
}

/* Mobile hero search placeholder fit */
@media (max-width: 740px) {
	body.home .alyson-home .hero-search input[type="search"] {
		min-width: 0;
		font-size: 13px;
		padding-left: 12px;
		padding-right: 12px;
	}

	body.home .alyson-home .hero-search input[type="search"]::placeholder {
		font-size: 13px;
	}
}

/* Header contact button contrast */
body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link {
	background-color: #1A1A1A !important;
	border-color: #1A1A1A !important;
	color: #F4F2ED !important;
}

body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link:hover,
body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link:focus-visible {
	background-color: #1A1A1A !important;
	border-color: #1A1A1A !important;
	color: #FFFFFF !important;
}


/* Workstation microinteractions */
@media (prefers-reduced-motion: no-preference) {
	body.home .alyson-home .hero-search,
	body.home .alyson-home .hero-search input[type="search"],
	body.home .alyson-home .hero-search button,
	body.home .alyson-home .hero-search-links a,
	body.home .alyson-home .hero-cta a,
	body .ct-header .ct-menu-link,
	body .ct-header .ct-header-trigger,
	body .ct-header .ct-header-trigger svg rect,
	body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link {
		transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .08s ease, opacity .16s ease;
	}

	body.home .alyson-home .hero-search:focus-within {
		border-color: rgba(255, 77, 0, .55);
		box-shadow: 0 0 0 2px rgba(255, 77, 0, .08);
	}

	body.home .alyson-home .hero-search input[type="search"]:focus {
		box-shadow: inset 0 0 0 1px rgba(255, 77, 0, .5);
		outline: none;
	}

	body.home .alyson-home .hero-search button:hover,
	body.home .alyson-home .hero-search button:focus-visible,
	body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link:hover,
	body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link:focus-visible {
		box-shadow: 0 0 0 3px rgba(255, 77, 0, .1);
	}

	body.home .alyson-home .hero-search button:active,
	body .ct-header .header-menu-1 #menu-item-1289 > a.ct-menu-link:active {
		transform: translateY(1px);
	}

	body .ct-header .ct-menu-link:hover,
	body .ct-header .ct-menu-link:focus-visible {
		transform: translateY(-1px);
	}

	body .ct-header .ct-header-trigger:hover svg rect:nth-child(2),
	body .ct-header .ct-header-trigger:focus-visible svg rect:nth-child(2) {
		transform: scaleX(.68);
	}

	body .ct-header .ct-header-trigger:active {
		transform: translateY(1px);
	}
}

body.home .alyson-home .hero-search button:focus-visible,
body.home .alyson-home .hero-search-links a:focus-visible,
body.home .alyson-home .hero-cta a:focus-visible,
body .ct-header .ct-menu-link:focus-visible,
body .ct-header .ct-header-trigger:focus-visible {
	outline: 2px solid rgba(255, 77, 0, .34);
	outline-offset: 3px;
}


/* Workstation v2.1.1 paleta Blocksy alinhada (sublinhado do menu e indicadores) */
:root {
  --theme-palette-color-1: #FF4D00;
  --theme-palette-color-2: #1A1A1A;
  --theme-link-initial-color: #1A1A1A;
  --theme-link-hover-color: #FF4D00;
}


/* Workstation v2.1.2 fix: rodape escuro (data-row do header vazava para o footer) */
.ct-footer [data-row="top"],
.ct-footer [data-row="middle"],
.ct-footer [data-row="bottom"] {
  background: var(--ad-tinta) !important;
  border-bottom: none;
}


/* Workstation v2.1.3: hero de artigo invertido (display escuro, ref. secao Trilha da home) */
.hero-section[data-type="type-2"] {
  background: var(--ad-tinta) !important;
}
.hero-section[data-type="type-2"] .page-title {
  color: var(--ad-painel);
}
.hero-section[data-type="type-2"] .page-description {
  color: #B4B2A9;
}
.hero-section[data-type="type-2"] .ct-breadcrumbs,
.hero-section[data-type="type-2"] .ct-breadcrumbs a,
.hero-section[data-type="type-2"] .ct-breadcrumbs span {
  font-family: var(--ad-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--ad-cinza-2);
}
.hero-section[data-type="type-2"] .ct-breadcrumbs a:hover {
  color: var(--ad-laranja);
}
.hero-section[data-type="type-2"] .entry-meta,
.hero-section[data-type="type-2"] .entry-meta a {
  color: var(--ad-laranja);
}


/* v2.1.3b: links de meta legiveis no hero escuro */
.hero-section[data-type="type-2"] .entry-meta a,
.hero-section[data-type="type-2"] .entry-meta a:hover {
  color: var(--ad-laranja) !important;
}


/* v2.1.4: topo enxuto + fio do header alinhado ao fundo do menu (acompanha o sticky) */
body.home .ct-container-full,
body.page-id-1291 .ct-container-full {
  padding-top: 0;
}
.alyson-home .hero {
  padding-top: 64px;
}
header.ct-header {
  border-bottom: none !important;
}
header.ct-header [data-row] {
  border-bottom: 1px solid var(--ad-borda) !important;
}
