/*
Theme Name: Kalaram Mandir Theme
Description: WordPress theme converted from our static HTML website
Author: Sanjana and Khushi Naik
Version: 1.0
*/

/* Scroll-to-top button (was an inline <style> block in your old index.html) */
#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #8B4513;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    display: none;
}

/* ===== Footer (Design A) - taken from home.css, scoped under .footer
   so the SAME footer appears on every page without loading home.css everywhere ===== */
.footer footer { background: #FEFFD2; padding: 20px 0; width: 100%; }
.footer .container { width: 90%; max-width: 1140px; margin: auto; display: flex;
    flex-wrap: wrap; justify-content: space-between; }
.footer .footer-content { flex: 1 1 100%; text-align: center; margin-bottom: 20px; }
@media (min-width: 768px) { .footer .footer-content { flex: 1 1 33.3%; } }
@media (min-width: 992px) { .footer .footer-content { flex: 1 1 30%; } }
.footer h3 { font-size: 24px; margin-bottom: 15px; }
@media (min-width: 768px) { .footer h3 { font-size: 28px; } }
.footer .footer-content p { margin: 10px 0; font-size: 14px; }
@media (min-width: 768px) { .footer .footer-content p { font-size: 16px; } }
.footer .footer-content ul { padding: 0; list-style-type: none; margin: 0; }
.footer .list { padding: 0; }
.footer .list li { padding: 7px; position: relative; }
.footer .list li::before { content: ''; position: absolute;
    transform: translate(-50%, -50%); left: 50%; top: 100%; width: 0; height: 2px;
    background: #D35823; transition: width 0.5s; }
.footer .list li:hover::before { width: 70px; }
.footer a { text-decoration: none; color: #000; }
.footer a:hover { color: #ec7235; }
.footer .bottom-bar { background: #e7923c; text-align: center; padding: 10px 0; margin-top: 20px; }
.footer .bottom-bar p { color: #343434; margin: 0; font-size: 16px; }
@media (max-width: 768px) { .footer .bottom-bar p { font-size: 14px; } }