/*
Theme Name: Simple Blog Theme v16 (SEO+News) - Child
Description: Child theme that keeps original design of the parent theme and adds News/SEO features (schema, author box, publish/modified dates, related posts, breadcrumbs, timer shortcode). Do NOT delete the parent theme.
Template: simple-blog-theme-final-v14
Version: 1.0
Text Domain: sb-v16-child
*/
/* Import parent styles so design remains identical */
@import url("../simple-blog-theme-final-v14/style.css");

/* Minimal CSS additions - keep visual changes zero by default; these are utility classes only */
.sb-author-box{background:transparent;padding:10px 0;margin-top:18px;border-top:1px solid rgba(0,0,0,0.04)}
.sb-author-box img{height:56px;border-radius:50%;object-fit:cover;margin-right:12px}
.sb-meta-line{color:#6b7280;font-size:13px;margin-bottom:8px}
.sb-breadcrumbs{font-size:13px;color:#6b7280;margin-bottom:8px}
.fn-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}
.fn-related-card{border:1px solid #eee;padding:8px;border-radius:6px;background:transparent;display:flex;gap:8px;align-items:center}
.fn-related-card img{height:60px;object-fit:cover;border-radius:4px}
@media(max-width:800px){ .fn-related-grid{grid-template-columns:1fr} }


/* v17 Stylish Download Button */
.timer-download-button {
    display: inline-block;
    background: linear-gradient(180deg, #2196F3, #1976D2);
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
    padding: 16px 40px;
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    box-shadow: 0px 6px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease-in-out;
}
.timer-download-button:hover {
    background: linear-gradient(180deg, #42A5F5, #1E88E5);
    box-shadow: 0px 8px 20px rgba(0,0,0,0.4);
    transform: translateY(-3px);
}


/* === Custom Timer Button Styles === */
.custom-timer-btn {
    width: 100%;
    display: block;
    text-align: center;
    
    text-align: center;
    background: linear-gradient(180deg, #1E90FF, #0066CC);
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 28px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 5px 0 #004C99, 0 8px 15px rgba(0,0,0,0.2);
    cursor: not-allowed;
    transition: all 0.3s ease;
}

.custom-timer-btn.ready {
    cursor: pointer;
    background: linear-gradient(180deg, #3399FF, #0077EE);
    box-shadow: 0 5px 0 #0055AA, 0 8px 15px rgba(0,0,0,0.3);
}

.custom-timer-btn:active {
    transform: translateY(3px);
    box-shadow: 0 2px 0 #003366;
}

.custom-timer-btn .btn-label {
    margin-right: 10px;
}

.custom-timer-btn .btn-timer {
    font-weight: normal;
}
/* === End Custom Timer Button Styles === */


.custom-timer-btn .btn-label {
    display: block;
}

.custom-timer-btn .btn-timer {
    display: block;
}

/* Floating Social Buttons */
.floating-buttons {
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}
.floating-buttons .float-btn img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: transform 0.2s ease;
}
.floating-buttons .float-btn img:hover {
  transform: scale(1.1);
}


/* Floating button updates */
.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
}

.float-btn svg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.3s ease-in-out;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}