/*
 Theme Name:   Digital Report Child
 Theme URI:    https://newsrepublic.net
 Description:  Child theme for Digital Report. All styles and functions live in the parent theme.
 Author:       Linkmedya
 Author URI:   https://linkmedya.com
 Template:     digital-report
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  digital-report-child
*/

/* Nav hover: red underline slide-in */
.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #e63946;
  transition: width 0.3s ease;
}
.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}
.nav-link:hover,
.nav-link.active {
  background: transparent;
  color: #fff;
}

/* Submenu hover: red underline */
.dropdown-menu a,
.sub-menu a {
  position: relative;
}
.dropdown-menu a::after,
.sub-menu a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0.75rem;
  width: 0;
  height: 3px;
  background: #e63946;
  transition: width 0.3s ease;
}
.dropdown-menu a:hover::after,
.sub-menu a:hover::after {
  width: calc(100% - 1.5rem);
}
.dropdown-menu a:hover,
.dropdown-menu li:hover > a,
.sub-menu a:hover,
.sub-menu li:hover > a,
.navbar .dropdown-menu a:hover,
.navbar .sub-menu a:hover {
  background-color: transparent !important;
  color: #fff !important;
}

/* Footer nav hover: red accent */
.footer-nav li a:hover {
  color: #e63946;
}

/* Rapor sidebar widget */
.rapor-widget{background:#2d2b55;color:#fff;text-align:center;position:relative;overflow:hidden}
.rapor-widget .widget-title{color:rgba(255,255,255,0.8)}
.dr-rapor-title{font-size:0.9rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em}
.dr-rapor-desc{font-size:0.85rem;color:#a8c5d6;line-height:1.5;margin-bottom:1rem}
.dr-rapor-btn{display:inline-block;padding:0.5rem 1rem;background:#e63946;color:#fff;font-size:0.75rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:0.03em;text-decoration:none;transition:transform var(--flavor-transition,0.2s ease)}
.dr-rapor-btn:hover{transform:scale(1.05);color:#fff}

/* Newsletter: input row with Google button */
.newsletter-input-row{display:flex;gap:0.625rem;align-items:stretch}
.newsletter-input-row input{flex:1;min-width:0;padding:0.75rem 1rem}
.newsletter-google-btn{display:flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;background:#fff;border:2px solid var(--flavor-border);border-radius:10px;cursor:pointer;transition:border-color var(--flavor-transition),transform var(--flavor-transition)}
.newsletter-google-btn:hover{border-color:var(--flavor-primary);transform:scale(1.05)}
.newsletter-google-btn svg{display:block}
.newsletter-form button[type="submit"]{width:auto;align-self:center;padding:0.625rem 1.5rem;border-radius:50px}

/* All CTA buttons: scale on hover */
.newsletter-form button{transition:transform var(--flavor-transition),background var(--flavor-transition)}
.newsletter-form button:hover{transform:scale(1.05)}
.btn-subscribe{transition:transform var(--flavor-transition),background var(--flavor-transition)}
.btn-subscribe:hover{transform:scale(1.05)}

/* Rapor widget shimmer — one-time diagonal shine on page load */
@keyframes rapor-shimmer{
  0%{transform:translateX(-100%) skewX(-15deg)}
  100%{transform:translateX(300%) skewX(-15deg)}
}
.rapor-widget::before{content:'';position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.13),transparent);animation:rapor-shimmer 1.8s ease 0.5s 1 forwards;pointer-events:none;z-index:1}

/* Remove card borders + shadows that look like borders */
.hero-card,.article-card{border:none!important;box-shadow:none!important}

/* Subscribe modal */
.dr-modal{position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center}
.dr-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}
.dr-modal-content{position:relative;background:var(--flavor-bg-card,#fff);border-radius:16px;padding:2rem;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
[data-theme="dark"] .dr-modal-content{background:var(--flavor-gray-900,#171717)}
.dr-modal-close{position:absolute;top:0.75rem;right:0.75rem;background:none;border:none;font-size:1.5rem;color:var(--flavor-text-muted);cursor:pointer;line-height:1;padding:0.25rem}
.dr-modal-close:hover{color:var(--flavor-text)}
.dr-modal-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--flavor-primary);margin:0 0 0.5rem}
.dr-modal-desc{font-size:0.85rem;color:var(--flavor-text-muted);line-height:1.5;margin:0 0 1.25rem}

/* Broken image placeholder */
.thumbnail-container{background:linear-gradient(135deg,#2d2b55 0%,#1e1b4b 100%);display:flex;align-items:center;justify-content:center}
.thumbnail-container img[src=""]:not([srcset]),
.thumbnail-container img:not([src]),
img.error-img{display:none}
.thumbnail-container::before{content:"DR";font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:800;color:rgba(168,197,214,0.25);letter-spacing:0.1em;position:absolute;z-index:0}