/*
Theme Name:TidyUp CleanMama Exact Clone
Theme URI:https://tidyupdaily.com
Author:Antigravity AI
Author URI:https://tidyupdaily.com
Description:Exact structural and visual clone of CleanMama.com/blog/ for TidyUpDaily with restful Merriweather serif headers and Inter body font for senior readability.
Version:6.0.0
Text Domain:tidyup-cleanmama
*/
:root{
--cm-teal-primary:#2c8c99;
--cm-teal-hover:#1b5f68;
--cm-teal-bg:#e4f3f5;
--cm-bg:#ffffff;
--cm-bg-soft:#fcfbf9;
--cm-text-dark:#111827;
--cm-text-body:#374151;
--cm-text-muted:#6b7280;
--cm-border:#e5e7eb;
}
body{
margin:0;
padding:0;
background-color:var(--cm-bg-soft);
color:var(--cm-text-body);
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
font-size:16px;
line-height:1.7;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{
font-family:'Merriweather',Georgia,serif;
color:var(--cm-text-dark);
font-weight:700;
line-height:1.35;
margin-top:0;
}
a{
color:var(--cm-teal-primary);
text-decoration:none;
transition:all 0.2s ease;
}
a:hover{
color:var(--cm-teal-hover);
}
/* Restful Senior Readability Enhancements */
p,li{
color:#1f2937;
font-size:16px;
}
@media (min-width:640px){
p,li{
font-size:17px;
}
}
/* ==========================================================================
WORDPRESS CUSTOM LOGO BOUNDS & OVERFLOW PREVENTION (BULLETPROOF)
========================================================================== */
.site-logo-wrapper,
.custom-logo-container{
max-height:48px !important;
max-width:240px !important;
display:flex !important;
align-items:center !important;
overflow:hidden !important;
}
.custom-logo-container img,
.custom-logo,
header img.custom-logo,
.site-logo-wrapper img{
max-height:48px !important;
width:auto !important;
max-width:240px !important;
object-fit:contain !important;
display:block !important;
height:auto !important;
margin:0 !important;
}
@media (max-width:640px){
.site-logo-wrapper,
.custom-logo-container{
max-height:38px !important;
max-width:170px !important;
}
.custom-logo-container img,
.custom-logo,
header img.custom-logo,
.site-logo-wrapper img{
max-height:38px !important;
max-width:170px !important;
}
}
.cm-card{
background:#ffffff;
border:1px solid var(--cm-border);
border-radius:16px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.03);
transition:transform 0.25s ease,box-shadow 0.25s ease;
}
.cm-card:hover{
transform:translateY(-3px);
box-shadow:0 12px 24px rgba(44,140,153,0.1);
}
.cm-pill{
display:inline-block;
padding:4px 12px;
border-radius:9999px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.05em;
background-color:var(--cm-teal-bg);
color:var(--cm-teal-hover);
}
.cm-recipe-box{
background-color:#f0f9fa;
border:2px solid var(--cm-teal-primary);
border-radius:16px;
padding:24px;
margin:24px 0;
}
/* Typography Enhancements & New Elements */
.highlight{
background:linear-gradient(to top,#d4edda 40%,transparent 40%);
}
.article-content h2{
border-bottom:2px solid var(--cm-border);
padding-bottom:0.5rem;
margin-top:2rem;
margin-bottom:1rem;
}
.article-content h3{
border-left:4px solid var(--cm-teal-primary);
padding-left:0.75rem;
margin-top:1.5rem;
margin-bottom:0.75rem;
}
.article-content strong{
background-color:rgba(212,237,218,0.3);
padding:0 2px;
}
.article-content ul,.article-content ol{
border-left:2px solid var(--cm-border);
padding-left:1.5rem;
margin-left:0.5rem;
}
/* ========================================
Adsterra Ad Responsive Fixes
======================================== */
.adsterra-banner-slot,
.adsterra-native-slot{
margin:25px 0 !important;
text-align:center !important;
overflow:hidden !important;
clear:both !important;
max-width:100% !important;
}
.adsterra-banner-slot iframe,
.adsterra-native-slot iframe{
max-width:100% !important;
border:none !important;
}
@media (max-width:768px){
.adsterra-banner-slot,
.adsterra-native-slot{
margin:15px -16px !important;
width:calc(100% + 32px) !important;
max-width:none !important;
}
.adsterra-banner-slot iframe{
width:100% !important;
height:auto !important;
min-height:50px;
}
}