/*
Theme Name: Hommage Uhren (Hello Elementor Child)
Theme URI: https://hommage-uhren.at
Template: hello-elementor
Author: WEBU Digital GmbH
Author URI: https://webu.at
Description: Child-Theme von Hello Elementor für hommage-uhren.at. Eigener Header/Footer, Vintage-Design-System (warmes Schwarz / Kraftpapier / Messing), Produktkarten mit Amazon-Tracking und A/B-Variante, Trust-Leiste, Shortcodes. Konzept v3.
Version: 1.0.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: hommage-uhren
*/

/* Haupt-CSS: assets/css/hommage.css (per functions.php geladen). Hier nur WP-/Elementor-Ergänzungen. */

.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Hello Elementor neutralisieren */
body.hu .site-header{max-width:none;width:100%;padding:0;margin:0}
body.hu .site-header .nav{max-width:var(--maxw);margin:0 auto;padding:0 28px}
body.hu .site-footer{max-width:none;width:100%}
body.hu #content{max-width:none}
/* Hello-Elementor-Linkfarben (blau) auf unseren Elementen neutralisieren */
body.hu a,body.hu a:hover,body.hu a:focus{color:inherit}
body.hu .brand,body.hu .brand:hover,body.hu .brand:visited{color:var(--ivory)}
body.hu .menu a,body.hu .menu a:visited{color:var(--ivory)}
body.hu .crumbs a,body.hu .rank-math-breadcrumb a{color:var(--grey)}
body.hu .site-footer a,body.hu .site-footer a:visited{color:var(--ivory)}
body.hu .btn,body.hu .btn:hover,body.hu .btn:focus,body.hu .btn:active,body.hu .btn:visited{color:var(--char);text-decoration:none}
body.hu .btn--ghost,body.hu .btn--ghost:hover,body.hu .btn--ghost:focus,body.hu .btn--ghost:visited{color:var(--brass)}
body.hu .card--std .btn,body.hu .card--std .btn:hover{color:#111}
body.hu .menu a:hover,body.hu .menu a:focus{color:var(--brass)}
body.hu .site-footer a:hover{color:var(--brass)}
body.hu .sechead a,body.hu .acc .link,body.hu .acc-mini a{color:var(--brass2)}
body.hu .sechead a:hover,body.hu .acc .link:hover,body.hu .acc-mini a:hover{color:var(--brass)}
body.hu .entry-content a:hover{color:var(--brass)}
.site-main,.page-content{background:transparent}
body.hu{background:var(--kraft);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
.hu .elementor-section.elementor-section-boxed>.elementor-container,.hu .e-con-boxed>.e-con-inner{max-width:var(--maxw)}

/* Standard-Content (Block-Editor) */
.entry-content>*{max-width:70ch}
.entry-content>.alignwide,.entry-content>.alignfull,.entry-content>.wp-block-table,.entry-content>table,.entry-content>.cards,.entry-content>.benefits,.entry-content>.acc,.entry-content>.tblwrap,.entry-content>.two,.entry-content>.faq{max-width:none}
.entry-content>table{max-width:900px}
.entry-content .cards>p,.entry-content .benefits>p,.entry-content .acc>p,.entry-content .cards>br,.entry-content .benefits>br,.entry-content .acc>br{display:none}
.entry-content h2{font-size:2rem;margin:48px 0 14px}
.entry-content h3{font-size:1.35rem;margin:30px 0 10px}
.entry-content p{margin:0 0 1em}
.entry-content a{color:var(--brass2);border-bottom:1px solid var(--brass2)}
.entry-content a.btn,.entry-content .card a,.entry-content .acc a.link,.entry-content .btn--ghost{border-bottom:none}
.entry-content .card h3 a{color:inherit}
.entry-content table{width:100%;border-collapse:collapse;font-size:.95rem}
.entry-content table td,.entry-content table th{padding:12px 10px;border-bottom:1px solid var(--sand2);text-align:left;vertical-align:top}
.entry-content table th{font-weight:600;color:var(--muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--brass)}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content blockquote{border-left:3px solid var(--brass);margin:24px 0;padding:6px 18px;font-family:var(--serif);font-size:1.25rem}
.entry-content figure{margin:24px 0}
.entry-content figcaption{font-size:.82rem;color:var(--muted);margin-top:6px}
.entry-content img{border-radius:var(--radius);height:auto}
.rank-math-breadcrumb{font-size:.82rem;color:var(--grey);padding:10px 0 0}
.rank-math-breadcrumb a{color:var(--grey)}
.rank-math-breadcrumb .separator{margin:0 6px}

/* Einfacher Seiten-Hero (ohne Produkt) */
.page-hero-simple{background:var(--char);color:var(--ivory);padding:44px 0 40px}
.page-hero-simple h1{font-size:2.8rem;color:var(--ivory);margin:10px 0 0}
.page-hero-simple .lead{color:var(--grey);font-size:1.1rem;max-width:60ch;margin:12px 0 0}

/* Bild in .ph-Slots aus WordPress */
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}