/*
Theme Name: doginstinct
Theme URI: https://doginstinct.at
Author: Patrick Waltenberger
Description: Eigenes Theme für doginstinct.at in Weiß, Schwarz und Rot. Startseite, Angebotsseiten, Gratis-Kurse, Bücher, Blog, Newsletter und Kontakt sind als feste Vorlagen enthalten.
Version: 1.2.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: doginstinct
*/

/* Schriften liegen im Theme (kein Abruf bei Google) */
@font-face{font-family:Oswald;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF}
.di-site{font-family:Inter,system-ui,sans-serif;color:#0A0A0A;background:#FFFFFF;overflow-wrap:break-word}
.di-site *,.di-site *::before,.di-site *::after{box-sizing:border-box}
.di-site img,.di-site iframe{max-width:100%}
.di-site a{color:#C8040F}
.di-site a:hover{color:#B0040F}
.di-site a[style*="background: #E30613"]:hover{background:#B0040F!important;border-color:#B0040F!important;color:#FFFFFF}
.di-site a:focus-visible,.di-site button:focus-visible,.di-site summary:focus-visible,.di-site input:focus-visible,.di-site textarea:focus-visible{outline:3px solid #E30613;outline-offset:2px}
.di-site footer a:focus-visible{outline-color:#FFFFFF}
.di-site summary::-webkit-details-marker{display:none}
.di-site iframe.wv-form{width:100%;border:0;display:block}
.di-skip{position:absolute;left:-9999px;top:0;background:#FFFFFF;color:#0A0A0A;padding:12px 16px;z-index:100}
.di-skip:focus{left:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Inhalte aus dem WordPress-Editor (Impressum, Datenschutz, Blogbeiträge) */
.entry-content{font-size:17px;line-height:1.65;color:#1A1A1A}
.entry-content>*{margin:0 0 1.2em}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:Oswald,sans-serif;font-weight:800;line-height:1.15;text-transform:uppercase;color:#0A0A0A;margin:1.8em 0 .6em}
.entry-content h2{font-size:30px}.entry-content h3{font-size:22px}.entry-content h4{font-size:18px}
.entry-content img{height:auto}
.entry-content blockquote{margin-left:0;padding-left:20px;border-left:4px solid #E30613}
.entry-content .alignwide,.entry-content .alignfull{max-width:100%}

/* Kontaktformular (WPForms) im Markenstil */
.di-site .wpforms-container input[type=text],.di-site .wpforms-container input[type=email],.di-site .wpforms-container textarea{border:2px solid #0A0A0A;border-radius:0;min-height:52px;padding:10px 16px;font-size:16px;font-family:Inter,sans-serif;max-width:100%}
.di-site .wpforms-container button[type=submit]{background:#E30613;color:#FFFFFF;border:2px solid #E30613;border-radius:0;min-height:52px;padding:0 32px;font-family:Oswald,sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.di-site .wpforms-container button[type=submit]:hover{background:#B0040F;border-color:#B0040F}

.di-pagination{display:flex;flex-wrap:wrap;gap:8px}
.di-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:2px solid #0A0A0A;color:#0A0A0A;text-decoration:none;font-family:Oswald,sans-serif;font-weight:800}
.di-pagination .page-numbers.current{background:#0A0A0A;color:#FFFFFF}
.di-admin-hinweis{border:2px dashed #0A0A0A;background:#FFF8D6;color:#0A0A0A;padding:16px;font-size:15px;line-height:1.5;text-align:left;max-width:620px}

/* Aufklappmenü „Gratis Kurse": Maus, Tastatur und Tippen */
.di-drop .di-drop-menu{display:none!important}
.di-drop:hover .di-drop-menu,.di-drop:focus-within .di-drop-menu{display:flex!important}
.di-drop button:focus-visible{outline:3px solid #E30613;outline-offset:2px}
.di-site header nav a:hover,.di-drop button:hover{color:#C8040F!important}
.di-drop-menu{box-shadow:0 12px 24px rgba(0,0,0,.08)}

.di-site qntn-form{display:block;width:100%}

/* Runde Formen: Buttons als Pille, Karten mit weichen Ecken */
.di-site a[style*="min-height: 48px"],.di-site button[type=submit],.di-site .wpforms-container button[type=submit]{border-radius:999px}
.di-site [style*="border: 1px solid #DADADA"],.di-site [style*="border: 2px solid #0A0A0A; padding: 32px"],.di-site .di-tile{border-radius:14px}
.di-site article[style*="border: 1px solid #DADADA"]{overflow:hidden}
.di-site .di-tile-wide{border-radius:0}
.di-site article img,.di-site section>div img{border-radius:14px}
.di-site article[style*="border: 1px solid #DADADA"] img{border-radius:0}
.di-site table,.di-site th,.di-site td,.di-site input,.di-site textarea{border-radius:0}
.di-site .di-tile{transition:transform .2s ease}
.di-site .di-tile:hover{transform:translateY(-3px)}
.di-site .di-tile-wide:hover{transform:none}
.di-site a.di-tile:focus-visible{outline:3px solid #E30613;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.di-site .di-tile{transition:none}.di-site .di-tile:hover{transform:none}}
.entry-content h2{font-size:36px}.entry-content h3{font-size:27px}.entry-content h4{font-size:22px}

/* Titelbild der Startseite: Text links, Motiv bleibt in der Mitte frei */
.di-hero{background-image:linear-gradient(90deg,rgba(10,10,10,.90) 0%,rgba(10,10,10,.68) 28%,rgba(10,10,10,.18) 52%,rgba(10,10,10,0) 68%),var(--di-hero-bild);background-position:center 56%}
@media (max-width:760px){.di-hero{background-image:linear-gradient(180deg,rgba(10,10,10,.08) 0%,rgba(10,10,10,.22) 45%,rgba(10,10,10,.90) 100%),var(--di-hero-bild);background-position:center 45%}}
