/* =========================================================
   SHORE DITCH / WORDPRESS.COM
   Minimalist Professional Layout for YouTube + PDF embeds
   ========================================================= */

/* ---------- 1. Variabile vizuale generale ---------- */

:root {
  --ag-bg: #f7f8fa;
  --ag-surface: #ffffff;
  --ag-text: #111827;
  --ag-muted: #6b7280;
  --ag-border: #e5e7eb;
  --ag-border-strong: #d1d5db;
  --ag-accent: #111827;

  --ag-content-width: 820px;
  --ag-media-width: 1080px;
  --ag-radius: 18px;
  --ag-radius-small: 12px;
  --ag-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  --ag-shadow-soft: 0 10px 28px rgba(15, 23, 42, 0.06);
}


/* ---------- 2. Fundal, tipografie, atmosferă generală ---------- */

body {
  background: var(--ag-bg);
  color: var(--ag-text);
  font-size: 17px;
  line-height: 1.72;
  letter-spacing: -0.01em;
}

body,
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;
}

a {
  color: var(--ag-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover,
a:focus {
  color: #000000;
}


/* ---------- 3. Header minimalist și profesional ---------- */

.site-header {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid var(--ag-border);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.035);
}

.site-branding {
  padding-top: 22px;
  padding-bottom: 18px;
}

.site-title,
.site-title a {
  color: var(--ag-text);
  font-weight: 800;
  letter-spacing: -0.035em;
  text-decoration: none;
}

.site-description {
  color: var(--ag-muted);
  font-size: 0.95rem;
  margin-top: 4px;
}

.main-navigation a {
  color: var(--ag-text);
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.main-navigation a:hover {
  color: #000000;
}


/* ---------- 4. Zonă principală de conținut ---------- */

.site-content {
  background: transparent;
}

.content-area,
.site-main {
  max-width: none;
}

.hentry,
.page .hentry,
.single .hentry {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.entry-header,
.entry-content,
.entry-footer,
.comments-area,
.post-navigation,
.posts-navigation {
  max-width: var(--ag-content-width);
  margin-left: auto;
  margin-right: auto;
}

.entry-header {
  padding-top: 46px;
  padding-bottom: 16px;
}

.entry-title {
  color: var(--ag-text);
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -0.055em;
  font-weight: 850;
  margin-bottom: 18px;
}

.entry-meta,
.entry-footer,
.cat-links,
.tags-links,
.comments-link,
.edit-link {
  color: var(--ag-muted);
  font-size: 0.9rem;
}

.entry-content {
  padding-bottom: 60px;
}

.entry-content p {
  margin-bottom: 1.35em;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: var(--ag-text);
  letter-spacing: -0.035em;
  line-height: 1.18;
  margin-top: 2.1em;
  margin-bottom: 0.7em;
}

.entry-content h2 {
  font-size: clamp(1.65rem, 2.4vw, 2.25rem);
}

.entry-content h3 {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.entry-content blockquote {
  border-left: 4px solid var(--ag-accent);
  background: #ffffff;
  border-radius: 0 var(--ag-radius-small) var(--ag-radius-small) 0;
  box-shadow: var(--ag-shadow-soft);
  color: var(--ag-text);
  padding: 22px 28px;
}


/* ---------- 5. Lățimi speciale pentru media: YouTube și PDF ---------- */

.entry-content .wp-block-embed,
.entry-content .wp-block-video,
.entry-content .wp-block-file,
.entry-content .ag-media,
.entry-content .ag-video,
.entry-content .ag-pdf {
  max-width: var(--ag-media-width);
  margin-left: auto;
  margin-right: auto;
}


/* ---------- 6. YouTube embed: card curat, responsive 16:9 ---------- */

.entry-content .wp-block-embed-youtube,
.entry-content figure.is-provider-youtube,
.entry-content .ag-video {
  width: min(100%, var(--ag-media-width));
  margin-top: 34px;
  margin-bottom: 34px;
  padding: 12px;
  background: var(--ag-surface);
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius);
  box-shadow: var(--ag-shadow);
  overflow: hidden;
}

.entry-content .wp-block-embed-youtube .wp-block-embed__wrapper,
.entry-content figure.is-provider-youtube .wp-block-embed__wrapper,
.entry-content .ag-video .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: calc(var(--ag-radius) - 6px);
  overflow: hidden;
  background: #000000;
}

.entry-content .wp-block-embed-youtube iframe,
.entry-content figure.is-provider-youtube iframe,
.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[src*="youtube-nocookie.com"] {
  display: block;
  width: 100% !important;
  max-width: 100%;
  border: 0;
  border-radius: calc(var(--ag-radius) - 6px);
}

.entry-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.entry-content figure.is-provider-youtube .wp-block-embed__wrapper iframe,
.entry-content .ag-video .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  height: 100% !important;
}

.entry-content .wp-block-embed figcaption,
.entry-content .wp-block-video figcaption {
  color: var(--ag-muted);
  font-size: 0.9rem;
  text-align: center;
  margin-top: 12px;
}


/* ---------- 7. PDF embed: cadru mare, lizibil, profesional ---------- */

.entry-content iframe[src*=".pdf"],
.entry-content iframe[src*="pdf"],
.entry-content object[type="application/pdf"],
.entry-content embed[type="application/pdf"],
.entry-content .ag-pdf-frame {
  display: block;
  width: min(100%, var(--ag-media-width)) !important;
  height: clamp(620px, 82vh, 980px) !important;
  margin: 34px auto;
  background: var(--ag-surface);
  border: 1px solid var(--ag-border-strong);
  border-radius: var(--ag-radius);
  box-shadow: var(--ag-shadow);
  overflow: hidden;
}


/* ---------- 8. Bloc WordPress File / PDF download ---------- */

.entry-content .wp-block-file {
  width: min(100%, var(--ag-content-width));
  margin-top: 26px;
  margin-bottom: 26px;
  padding: 20px 22px;
  background: var(--ag-surface);
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius-small);
  box-shadow: var(--ag-shadow-soft);
  color: var(--ag-text);
}

.entry-content .wp-block-file a {
  font-weight: 650;
  text-decoration: none;
}

.entry-content .wp-block-file a:hover {
  text-decoration: underline;
}

.entry-content .wp-block-file .wp-block-file__button {
  background: var(--ag-accent);
  color: #ffffff;
  border-radius: 999px;
  padding: 9px 16px;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
}

.entry-content .wp-block-file .wp-block-file__button:hover {
  background: #000000;
  color: #ffffff;
}


/* ---------- 9. Imagini și media generale ---------- */

.entry-content img,
.entry-content video {
  border-radius: var(--ag-radius-small);
}

.entry-content figure {
  margin-top: 28px;
  margin-bottom: 28px;
}

.entry-content .alignwide {
  width: min(100%, var(--ag-media-width));
  max-width: var(--ag-media-width);
  margin-left: auto;
  margin-right: auto;
}

.entry-content .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


/* ---------- 10. Separatoare discrete ---------- */

.entry-content hr,
.wp-block-separator {
  border: 0;
  height: 1px;
  background: var(--ag-border);
  margin: 44px auto;
  max-width: var(--ag-content-width);
}


/* ---------- 11. Liste, tabele, cod ---------- */

.entry-content ul,
.entry-content ol {
  padding-left: 1.25em;
}

.entry-content li {
  margin-bottom: 0.45em;
}

.entry-content table {
  width: 100%;
  border-collapse: collapse;
  background: var(--ag-surface);
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius-small);
  overflow: hidden;
  box-shadow: var(--ag-shadow-soft);
}

.entry-content th,
.entry-content td {
  border-bottom: 1px solid var(--ag-border);
  padding: 12px 14px;
}

.entry-content th {
  background: #f3f4f6;
  font-weight: 750;
}

.entry-content pre,
.entry-content code {
  background: #f3f4f6;
  border-radius: 8px;
}

.entry-content pre {
  padding: 18px;
  overflow-x: auto;
}


/* ---------- 12. Footer curat ---------- */

.site-footer {
  background: #ffffff;
  border-top: 1px solid var(--ag-border);
  color: var(--ag-muted);
}

.site-footer a {
  color: var(--ag-text);
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}


/* ---------- 13. Responsive: tabletă și mobil ---------- */

@media (max-width: 900px) {
  :root {
    --ag-content-width: calc(100vw - 36px);
    --ag-media-width: calc(100vw - 24px);
  }

  body {
    font-size: 16.5px;
  }

  .entry-header {
    padding-top: 32px;
  }

  .entry-title {
    font-size: clamp(2rem, 8vw, 2.8rem);
  }

  .entry-content .wp-block-embed-youtube,
  .entry-content figure.is-provider-youtube,
  .entry-content .ag-video {
    padding: 8px;
    border-radius: 14px;
  }

  .entry-content iframe[src*=".pdf"],
  .entry-content iframe[src*="pdf"],
  .entry-content object[type="application/pdf"],
  .entry-content embed[type="application/pdf"],
  .entry-content .ag-pdf-frame {
    height: 76vh !important;
    min-height: 520px;
    border-radius: 14px;
  }
}

@media (max-width: 560px) {
  :root {
    --ag-content-width: calc(100vw - 28px);
    --ag-media-width: calc(100vw - 18px);
  }

  body {
    font-size: 16px;
    line-height: 1.68;
  }

  .site-branding {
    padding-top: 16px;
    padding-bottom: 14px;
  }

  .entry-header {
    padding-top: 26px;
  }

  .entry-title {
    letter-spacing: -0.045em;
  }

  .entry-content .wp-block-file {
    padding: 16px;
  }

  .entry-content .wp-block-file .wp-block-file__button {
    display: inline-block;
    margin-top: 12px;
  }

  .entry-content iframe[src*=".pdf"],
  .entry-content iframe[src*="pdf"],
  .entry-content object[type="application/pdf"],
  .entry-content embed[type="application/pdf"],
  .entry-content .ag-pdf-frame {
    height: 72vh !important;
    min-height: 460px;
  }
}