/*
Theme Name: Ample Child
Template: ample
*/

/* =========================================================
   LINK-SYSTEM (global, wartbar)
   Intern = Standard, extern = Akzent
   ========================================================= */

/* [A] Basisfarben */
:root{
  --link-internal: #2c3e50;
  --link-internal-hover: #000000;
  --link-external: #b30000;
  --link-external-hover: #e60000;
}

/* [B] Interne Links */
.site a,
.widget a,
.entry-content a,
.entry-title a,
.footer-widgets a,
#colophon a{
  color: var(--link-internal);
}

/* [C] Externe Links (ohne eigene Domain) */
.site a[href^="http"]:not([href*="http://tz.d-sign.zone"]),
.widget a[href^="http"]:not([href*="http://tz.d-sign.zone"]),
.entry-content a[href^="http"]:not([href*="http://tz.d-sign.zone"]),
.entry-title a[href^="http"]:not([href*="http://tz.d-sign.zone"]),
.footer-widgets a[href^="http"]:not([href*="http://tz.d-sign.zone"]),
#colophon a[href^="http"]:not([href*="http://tz.d-sign.zone"]){
  color: var(--link-external);
}

/* [D] Hover */
.site a:hover,
.widget a:hover,
.entry-content a:hover,
.entry-title a:hover,
.footer-widgets a:hover,
#colophon a:hover{
  color: var(--link-internal-hover);
}

.site a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover,
.widget a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover,
.entry-content a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover,
.entry-title a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover,
.footer-widgets a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover,
#colophon a[href^="http"]:not([href*="http://tz.d-sign.zone"]):hover{
  color: var(--link-external-hover);
}

/* [E] Ausnahmen: mailto / tel */
.site a[href^="mailto:"],
.site a[href^="tel:"]{
  color: inherit !important;
}


/* =========================================================
   WP / AMPLE LIGHTBOX: Weißes Overlay entfernen (Scrim)
   Hintergrund soll „klassisch“ abgedunkelt sein.
   ========================================================= */

.wp-lightbox-overlay .scrim,
.wp-lightbox-overlay.zoom .scrim,
.wp-lightbox-overlay.active .scrim,
.wp-lightbox-overlay.show .scrim{
  background-color: rgba(0,0,0,0.65) !important;
}


/* =========================================================
   Blog/Archiv: Graue Hintergründe bei Beitragsbildern entfernen
   ========================================================= */

.blog figure,
.archive figure,
.search figure,
.home figure,
.blog .wp-block-image,
.archive .wp-block-image,
.search .wp-block-image,
.home .wp-block-image,
.blog .post-thumbnail,
.archive .post-thumbnail,
.search .post-thumbnail,
.home .post-thumbnail,
.blog .post-thumbnail a,
.archive .post-thumbnail a,
.search .post-thumbnail a,
.home .post-thumbnail a{
  background: transparent !important;
}

.blog img,
.archive img,
.search img,
.home img{
  background: transparent !important;
}


/* =========================================================
   BLOCK-STYLES – RAHMEN (klickbar im Editor)
   Voraussetzung: register_block_style() in functions.php
   ========================================================= */

/* Rahmen 1–4 (kompakt) */
.is-style-frame-1{
  border: 1px solid #d0d0d0;
  padding: 0.75rem;
  margin: 1rem 0;
}

.is-style-frame-2{
  border: 2px solid #d0d0d0;
  padding: 0.75rem;
  margin: 1rem 0;
}

.is-style-frame-3{
  border: 3px solid #d0d0d0;
  padding: 0.75rem;
  margin: 1rem 0;
}

.is-style-frame-4{
  border: 4px solid #d0d0d0;
  padding: 0.75rem;
  margin: 1rem 0;
}

/* Bilder im Rahmen clean halten */
.wp-block-image.is-style-frame-1 img,
.wp-block-image.is-style-frame-2 img,
.wp-block-image.is-style-frame-3 img,
.wp-block-image.is-style-frame-4 img{
  display: block;
  padding: 0;
  background: transparent;
}

/* Media + Text / Cover: etwas mehr Innenraum, aber kompakt */
.wp-block-media-text.is-style-frame-1,
.wp-block-media-text.is-style-frame-2,
.wp-block-media-text.is-style-frame-3,
.wp-block-media-text.is-style-frame-4,
.wp-block-cover.is-style-frame-1,
.wp-block-cover.is-style-frame-2,
.wp-block-cover.is-style-frame-3,
.wp-block-cover.is-style-frame-4{
  padding: 1rem;
}


/* =========================================================
   DIDAKTISCHE VARIANTEN (optional, klickbar im Editor)
   ========================================================= */

.is-style-frame-info{
  border-left: 4px solid #2980b9;
  background: rgba(41,128,185,0.05);
  padding: 0.75rem;
  margin: 1rem 0;
}

.is-style-frame-task{
  border-left: 4px solid #e67e22;
  background: rgba(230,126,34,0.06);
  padding: 0.75rem;
  margin: 1rem 0;
}

.is-style-frame-quote{
  border-left: 4px solid #555;
  background: rgba(0,0,0,0.03);
  padding: 0.75rem;
  margin: 1rem 0;
}

/* =========================================
   Gutenberg: Abstand in farbigen Blöcken
   ========================================= */

.wp-block-group.has-background {
  padding: 1rem;
}

/* =========================================
   Gutenberg: Abstand NACH farbigen Blöcken
   ========================================= */

.wp-block-group.has-background {
  margin-bottom: 1rem;
}

/* =========================================
   UI-Pfad: dezenter Inline-Chip
   ========================================= */

.entry-content .ui-path,
.site .ui-path{
  display: inline-block;
  padding: .12em .42em;
  margin: 0 .08em;
  border-radius: 2px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.10);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .9em;
  line-height: 1;
  white-space: nowrap;
}