/*
Theme Name: Telefon-Sexcams Child
Template: generatepress
Author: intern
Description: GeneratePress Child – Banner-Header + Dark-Neon-Design für telefon-sexcams.net
Version: 1.1.0
*/

:root{
	--tsc-pink:#ec1e79;
	--tsc-red:#e5202e;
	--tsc-violet:#a020c0;
	--tsc-bg:#0f0b16;       /* Seiten-Hintergrund */
	--tsc-card:#1a1326;     /* Boxen / Artikel / Widgets */
	--tsc-card2:#221831;    /* Navigation / Inputs */
	--tsc-text:#e6ddf2;     /* Fließtext */
	--tsc-muted:#a596b8;    /* gedämpft */
	--tsc-line:#33274a;     /* Trennlinien/Border */
	--tsc-grad:linear-gradient(135deg,#e5202e 0%,#ec1e79 52%,#a020c0 100%);
}

/* ============ Grundfläche dunkel ============ */
body{ background-color:var(--tsc-bg); color:var(--tsc-text); }

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .site-content,
.inside-article,
.comments-area,
.widget,
.sidebar .widget,
.author-box,
.generate-columns{
	background-color:var(--tsc-card);
	color:var(--tsc-text);
}

.entry-content,
.entry-content p,
.entry-content li,
.entry-summary,
p, li, dd, dt{ color:var(--tsc-text); }

/* ============ Header-Wrapper: Banner + Titel/Button als ein Fullwidth-Block ============ */
.tsc-headwrap{ background:var(--tsc-card); border-bottom:1px solid var(--tsc-line); }
.tsc-banner{ background:#0F0B16; text-align:center; line-height:0; padding-top:0; }
.tsc-banner a{ display:block; }
.tsc-banner img{ display:inline-block; max-width:1205px; width:100%; height:auto; }

/* ============ Header (transparent, sitzt im Fullwidth-Wrapper) ============ */
.site-header{ background:#0a0711; border-bottom:0; }
.inside-header{
	display:flex; align-items:center; gap:20px; flex-wrap:wrap;
	padding-top:16px; padding-bottom:16px;
}
.site-branding{ flex:0 0 auto; }

/* Peppige Überschrift mit Gradient-Text */
.main-title{ margin:0; line-height:1.1; }
.main-title,
.main-title a{
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.5px;
	background:linear-gradient(135deg,#ff3b6b 0%,#ec1e79 45%,#c641e0 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(0 2px 14px rgba(236,30,121,.45));
}
.main-title a{
	display:inline-flex;
	align-items:center;
	gap:9px;
}
.main-title a .tsc-anchor-ico{
	width:.6em; height:.6em; flex:0 0 auto;
	stroke:#ec1e79;
}
.site-description{ color:var(--tsc-muted); }

/* Live-CTA-Button im Header (ersetzt das Menü) – grün, zentriert im freien Raum neben der H1 */
.tsc-header-cta{ flex:1 1 auto; display:flex; justify-content:center; }
.tsc-live-btn{
	display:inline-flex;
	align-items:center;
	background:linear-gradient(135deg,#16a34a 0%,#22c55e 52%,#34d058 100%);
	color:#fff !important;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.4px;
	padding:13px 26px;
	border-radius:50px;
	text-decoration:none;
	white-space:nowrap;
	transition:transform .15s ease, filter .15s ease;
}
.tsc-live-btn .tsc-finger{
	width:20px; height:20px;
	margin-right:9px;
	flex:0 0 auto;
}
.tsc-live-btn .tsc-live-badge{
	display:inline-flex; align-items:center; gap:6px;
	background:#fff; color:#e5202e;
	padding:2px 10px; border-radius:30px;
	margin-left:8px; font-size:.82em; letter-spacing:.5px; font-weight:800;
}
.tsc-live-btn .tsc-dot{
	width:8px; height:8px; border-radius:50%;
	background:#e5202e;
	animation:tsc-dot-pulse 1.1s infinite;
}
.tsc-live-btn:hover{ transform:translateY(-2px); filter:brightness(1.08); color:#fff !important; }
@keyframes tsc-dot-pulse{
	0%{ box-shadow:0 0 0 0 rgba(229,32,46,.7); }
	70%{ box-shadow:0 0 0 6px rgba(229,32,46,0); }
	100%{ box-shadow:0 0 0 0 rgba(229,32,46,0); }
}
/* leerer Mobil-Hamburger (kein Menü mehr) ausblenden */
.mobile-menu-control-wrapper,
#mobile-menu-control-wrapper{ display:none !important; }

@media (max-width:768px){
	.inside-header{ flex-direction:column; justify-content:center; gap:12px; }
	.site-branding{ flex:1 1 100%; width:100%; text-align:center; }
	.main-title a{ justify-content:center; }
	.tsc-header-cta{ flex:1 1 100%; width:100%; margin:0; }
}
@media (max-width:480px){
	.main-title,
	.main-title a{ font-size:21px !important; }
	.main-title a{ flex-wrap:wrap; }
	.tsc-live-btn{ font-size:14px; padding:11px 14px; white-space:normal; max-width:100%; }
}

/* Tagline-/Trust-Zeile unten im Header-Block */
.tsc-tagline{
	display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
	gap:6px 20px;
	padding:14px 20px;
	color:var(--tsc-muted);
	font-size:14px;
	text-align:center;
}
.tsc-tagline .tsc-feat{
	display:inline-flex; align-items:center; gap:7px;
	color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:.4px;
}
.tsc-tagline .tsc-ico{ width:18px; height:18px; color:var(--tsc-pink); flex:0 0 auto; }
.tsc-tagline .tsc-claim{ color:var(--tsc-muted); font-size:13.5px; }
@media (max-width:600px){
	.tsc-tagline{ gap:5px 14px; font-size:12.5px; }
	.tsc-tagline .tsc-claim{ flex-basis:100%; margin-top:2px; }
}

/* ============ Navigation ============ */
.main-navigation,
.main-navigation ul ul{ background:var(--tsc-card2); }
.main-navigation .main-nav ul li a{ color:#f3eaf6; font-weight:600; letter-spacing:.2px; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.sfHover a,
.main-navigation .main-nav ul li[class*="current-menu"] a{ color:#fff; background:var(--tsc-pink); }
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items{ color:#f3eaf6; }
.navigation-search input[type="search"]{ background:var(--tsc-card2); color:var(--tsc-text); }

/* ============ Links ============ */
a{ color:var(--tsc-pink); }
a:hover{ color:#ff6bb0; }

/* ============ Überschriften (hell) ============ */
h1,h2,h3,h4,h5,
.entry-title{ color:#fff; }
.entry-title{ border-left:6px solid var(--tsc-pink); padding-left:.5em; line-height:1.25; }
.entry-title a{ color:#fff; }
.entry-title a:hover{ color:var(--tsc-pink); }

/* ============ Widgets / Sidebar ============ */
.widget .widget-title{
	color:#fff;
	border-bottom:3px solid var(--tsc-pink);
	padding-bottom:.35em;
	margin-bottom:.8em;
}
.sidebar .widget{ border:1px solid var(--tsc-line); }

/* Bundesland-Liste in der Sidebar */
.tsc-bl-list{ list-style:none; margin:0; padding:0; }
.tsc-bl-list li{
	display:flex; justify-content:space-between; align-items:center;
	gap:10px; padding:8px 4px;
	margin:0; border-bottom:1px solid var(--tsc-line);
}
.tsc-bl-list li:last-child{ border-bottom:0; }
.tsc-bl-list li a{ flex:1 1 auto; }
.tsc-bl-list li a:hover{ color:#ff6bb0; }
/* Sexcam-Angebote-Box: mehrzeilige Titel sauber ausrichten */
.tsc-angebote .tsc-bl-list li{ align-items:flex-start; line-height:1.4; }

/* surftipps (zentrierte Banner, unter der Bundesland-Box) */
.tsc-surftipps{ text-align:center; }
.tsc-surftipps a{ display:inline-block; }
.tsc-surftipps img{ max-width:100%; height:auto; border-radius:8px; }
.tsc-surftipps hr{ border:0; border-top:1px solid var(--tsc-line); margin:14px auto; }

/* ============ SEO-Texte auf Cam-Archiven ============ */
/* Kurzer Lead-Absatz direkt unter der H1 */
.tsc-archive-lead{
	font-size:1.1rem; line-height:1.62; color:var(--tsc-text);
	border-left:3px solid var(--tsc-pink); padding-left:16px;
	margin:14px 0 26px;
}
.tsc-archive-lead p{ margin:0 0 .5em; }
.tsc-archive-lead p:last-child{ margin-bottom:0; }

/* Ausführlicher SEO-Text unter dem Grid */
.tsc-archive-text{
	margin-top:40px; padding-top:28px;
	border-top:1px solid var(--tsc-line);
	color:var(--tsc-text); line-height:1.72;
}
.tsc-archive-text h2{
	color:#fff; font-size:1.35rem; line-height:1.3;
	margin:1.5em 0 .55em; padding-left:12px;
	border-left:4px solid var(--tsc-pink);
}
.tsc-archive-text h2:first-child{ margin-top:0; }
.tsc-archive-text p{ margin:0 0 1em; }
.tsc-archive-text p:last-child{ margin-bottom:0; }
.tsc-archive-text a{
	color:var(--tsc-pink); text-decoration:none; font-weight:600;
	border-bottom:1px solid rgba(236,30,121,.35);
}
.tsc-archive-text a:hover{ color:#fff; border-bottom-color:#fff; }

/* FAQ-Block unter dem SEO-Text */
.tsc-archive-faq{ margin-top:34px; }
.tsc-archive-faq > h2{
	color:#fff; font-size:1.35rem; line-height:1.3;
	margin:0 0 .8em; padding-left:12px;
	border-left:4px solid var(--tsc-pink);
}
.tsc-faq-item{
	background:var(--tsc-card); border:1px solid var(--tsc-line);
	border-radius:10px; padding:14px 18px; margin:0 0 12px;
}
.tsc-faq-q{
	color:#fff; font-size:1.05rem; margin:0 0 .4em;
	display:flex; gap:8px; align-items:flex-start;
}
.tsc-faq-q::before{ content:"?"; color:var(--tsc-pink); font-weight:800; }
.tsc-faq-a{ color:var(--tsc-muted); margin:0; line-height:1.6; }

/* ============ Startseite: Einleitung + Bild-Collage ============ */
.tsc-home-intro{
	font-size:1.12rem; line-height:1.62; text-align:center;
	max-width:840px; margin:6px auto 26px; color:var(--tsc-text);
}
.tsc-home-intro p{ margin:0; }
.tsc-home-intro strong{ color:#fff; }

/* Landingpage-Content unterhalb der Thumbnails (Box-Layout) */
.tsh-content{ font-size:16px; line-height:1.7; color:var(--tsc-text); margin-top:40px; }
.tsh-box{
	background:var(--tsc-card); border:1px solid var(--tsc-line);
	border-radius:14px; padding:24px 28px; margin:0 0 22px;
	box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.tsh-content p{ margin:0 0 1em; }
.tsh-content p:last-child{ margin-bottom:0; }
.tsh-content strong{ color:#fff; }
.tsh-content a{ color:var(--tsc-pink); }
.tsh-h2{
	font-size:1.45em; line-height:1.35; color:#fff; margin:0 0 .6em;
	padding-bottom:.3em; border-bottom:2px solid rgba(236,30,121,.4);
}
.tsh-h2-first{ margin-top:0; text-align:center; border-bottom:none; }
.tsh-h3{ font-size:1.2em; color:#fff; text-align:center; margin:0 0 .7em; }
.tsh-intro{
	font-size:1.06em;
	background:linear-gradient(135deg, rgba(236,30,121,.12), rgba(160,32,192,.06));
	border-left:4px solid var(--tsc-pink); border-radius:0 10px 10px 0;
	padding:18px 22px; margin:0;
}
/* Bilder */
.tsh-img-wrap{ margin:0 0 22px; text-align:center; }
.tsh-img-hero{
	width:100%; aspect-ratio:16/7; object-fit:cover; object-position:center top;
	border-radius:14px; box-shadow:0 8px 28px rgba(236,30,121,.22); display:block;
}
.tsh-img-left, .tsh-img-right{
	width:300px; max-width:40%; height:auto;
	border-radius:12px; box-shadow:0 5px 18px rgba(0,0,0,.5);
}
.tsh-row{ display:flex; align-items:flex-start; gap:24px; }
.tsh-row .tsh-row-text{ flex:1; min-width:0; }
/* Schritt-Liste */
.tsh-steps{ counter-reset:tsh-step; list-style:none; margin:1.1em 0 0; padding:0; }
.tsh-steps li{
	counter-increment:tsh-step; position:relative; margin:0 0 12px;
	padding:14px 18px 14px 62px; background:var(--tsc-card2);
	border:1px solid var(--tsc-line); border-radius:10px;
}
.tsh-steps li::before{
	content:counter(tsh-step); position:absolute; left:14px; top:50%;
	transform:translateY(-50%); width:34px; height:34px; line-height:34px;
	text-align:center; background:linear-gradient(135deg,var(--tsc-pink),var(--tsc-violet));
	color:#fff; font-weight:700; border-radius:50%;
}
/* Kinks */
.tsh-kinks{ list-style:none; margin:1.1em 0 0; padding:0; }
.tsh-kinks li{
	margin:0 0 11px; padding:14px 18px; background:var(--tsc-card2);
	border:1px solid var(--tsc-line); border-left:4px solid var(--tsc-violet);
	border-radius:10px;
}
/* Money-Link-Pills */
.tsh-links{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:1em 0 0; padding:0; }
.tsh-links li{ margin:0; padding:0; }
.tsh-links a{
	display:inline-block; padding:6px 13px; background:var(--tsc-card2);
	border:1px solid var(--tsc-line); border-radius:999px; color:#ff6bb0;
	font-size:.9em; text-decoration:none; transition:all .2s ease;
}
.tsh-links a:hover{ background:var(--tsc-pink); border-color:var(--tsc-pink); color:#fff; transform:translateY(-1px); }
@media (max-width:700px){
	.tsh-box{ padding:18px 16px; }
	.tsh-row{ flex-direction:column; }
	.tsh-img-left, .tsh-img-right{ max-width:100%; width:100%; height:auto; order:-1; }
	.tsh-h2-first{ font-size:1.25em; }
}

/* ============ Cam-Grid (Taxonomy-Archive: Bundesland/Alter/Nische) ============ */
.tsc-cam-grid{
	display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
	margin:24px 0;
}
.tsc-cam-card{ text-align:center; }
.tsc-cam-thumb{ display:block; }
.tsc-cam-thumb img{
	width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;
	border-radius:10px; transition:transform .2s ease; display:block;
}
.tsc-cam-thumb:hover img{ transform:scale(1.03); }
.tsc-cam-meta{ margin-top:9px; line-height:1.35; }
.tsc-cam-name{ display:block; font-weight:700; color:#fff; }
.tsc-cam-info{ display:block; font-size:13px; color:var(--tsc-muted); }
@media (max-width:600px){
	.tsc-cam-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
}

/* Suchformular: Abstand zwischen Feld und Senden-Button */
.widget_search .search-form{
	display:flex;
	align-items:center;
	gap:10px;
}
.widget_search .search-form label{ flex:1 1 auto; margin:0; }
.widget_search .search-field{ width:100%; box-sizing:border-box; }
.widget_search .search-submit{ flex:0 0 auto; position:static; }

/* ============ Galerie als modernes Grid ============ */
.gallery{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:10px !important;
	margin:20px 0 !important;
}
.gallery-columns-2{ grid-template-columns:repeat(2,1fr) !important; }
.gallery-columns-4{ grid-template-columns:repeat(4,1fr) !important; }
.gallery br{ display:none !important; }
.gallery .gallery-item{
	width:auto !important;
	max-width:none !important;
	margin:0 !important;
	float:none !important;
	padding:0 !important;
}
.gallery .gallery-icon{ margin:0 !important; }
.gallery .gallery-item img{
	width:100% !important;
	height:auto !important;
	border:0 !important;
	border-radius:10px !important;
	display:block !important;
	transition:transform .2s ease;
}
.gallery .gallery-item img:hover{ transform:scale(1.03); }
.gallery .gallery-caption{ display:none !important; }

/* Einzelbilder / Block-Bilder */
.wp-block-image img,
.entry-content img{ border-radius:10px; }

/* Featured Image (Aufmacher über dem Titel) */
.featured-image img,
.post-image img,
img.wp-post-image{ border-radius:12px; display:block; }

/* ============ generische Buttons / Block-Buttons / Suche ============ */
.wp-block-button__link,
button:not(.menu-toggle),
input[type="submit"],
.wp-block-search__button{
	background:var(--tsc-grad);
	border:0;
	border-radius:50px;
	color:#fff;
	font-weight:700;
	padding:.7em 1.7em;
	box-shadow:0 6px 18px rgba(236,30,121,.30);
	transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.wp-block-button__link:hover,
button:not(.menu-toggle):hover,
input[type="submit"]:hover{
	transform:translateY(-2px);
	filter:brightness(1.06);
	box-shadow:0 10px 26px rgba(160,32,192,.42);
	color:#fff;
}

/* ============ Formfelder dunkel ============ */
input[type="text"],
input[type="search"],
input[type="email"],
textarea,
.wp-block-search__input{
	background:var(--tsc-card2);
	color:var(--tsc-text);
	border:1px solid var(--tsc-line);
}
::placeholder{ color:var(--tsc-muted); }

/* ============ Footer ============ */
.site-footer,
.site-footer .inside-site-info,
.site-info{
	background:var(--tsc-bg);
	color:var(--tsc-muted);
	border-top:0;
}
.site-footer{ border-top:3px solid var(--tsc-pink); }
.site-footer a,
.site-info a{ color:var(--tsc-pink); }
.site-info .copyright{ margin:0; color:var(--tsc-muted); font-size:13px; }

/* ============ Pagination ============ */
.paging-navigation,
.separate-containers .paging-navigation{ background:transparent !important; box-shadow:none !important; }
.paging-navigation,
.paging-navigation .nav-links{ margin:26px 0; }
.paging-navigation .nav-links{
	display:flex; flex-wrap:wrap; gap:8px;
	align-items:center; justify-content:space-between;
	width:100%;
}
.paging-navigation a,
.paging-navigation .page-numbers,
.paging-navigation .nav-previous a,
.paging-navigation .nav-next a{
	display:inline-block;
	padding:10px 18px;
	border-radius:50px;
	background:var(--tsc-card2);
	color:var(--tsc-text) !important;
	border:1px solid var(--tsc-line);
	text-decoration:none;
	font-weight:600;
	transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.paging-navigation a:hover,
.paging-navigation .page-numbers:hover{
	background:var(--tsc-pink);
	color:#fff !important;
	border-color:var(--tsc-pink);
	transform:translateY(-1px);
}
.paging-navigation .page-numbers.current{
	background:linear-gradient(135deg,#e5202e,#ec1e79 55%,#a020c0);
	color:#fff !important;
	border-color:transparent;
}
.paging-navigation .page-numbers.dots{ background:none; border:0; }

/* ============ Back-to-Top (rund) ============ */
#tsc-top{
	position:fixed; bottom:26px; right:26px; z-index:9999;
	width:52px !important; height:52px !important; padding:0 !important;
	display:flex; align-items:center; justify-content:center;
	border-radius:50% !important;
	background:linear-gradient(135deg,#ec1e79 0%,#a020c0 100%);
	color:#fff; border:2px solid rgba(255,255,255,.18);
	cursor:pointer; line-height:0;
	opacity:0; visibility:hidden; transform:translateY(12px) scale(.9);
	box-shadow:0 8px 24px rgba(160,32,192,.5);
	transition:opacity .3s ease, visibility .3s ease, transform .3s ease, box-shadow .2s ease, filter .15s ease;
}
#tsc-top.show{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }
#tsc-top:hover{ filter:brightness(1.1); transform:translateY(-3px) scale(1.06); box-shadow:0 12px 30px rgba(236,30,121,.6); }
#tsc-top svg{ display:block; }

/* ============ Webcam-Icon vor den Action-Buttons ============ */
.myButton::before,
.tsc-btn::before{
	content:"";
	display:inline-block;
	width:22px; height:22px;
	margin-right:9px;
	flex:0 0 auto;
	background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ============ Tag-Icon vor den Tag-Pills ============ */
.tagbox a::before{
	content:"";
	display:inline-block;
	width:12px; height:12px;
	margin-right:6px;
	vertical-align:-1px;
	background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58s1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41s-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58s1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41s-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E") no-repeat center / contain;
}