Magnificat Center | Welcome – Full Width Experience<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n <style>\n \/* -------------------------------\n FORCE FULL WIDTH - NO RESTRICTIONS\n ------------------------------- *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Override any WordPress theme containment *\/\n html, body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n background: #fefcf8;\n }\n\n \/* Main container \u2014 takes 100% width *\/\n .magnificat-migration-root {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n background: #fefcf8;\n }\n\n \/* Each inner section is full width *\/\n .fullwidth-section {\n width: 100%;\n margin: 0;\n padding: 0;\n }\n\n \/* Centered content container without limiting background width *\/\n .content-limited {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 30px;\n }\n\n \/* Gold separator *\/\n .gold-sep {\n width: 50px;\n height: 2px;\n background-color: #cbaa5c;\n margin: 18px 0 24px 0;\n }\n .gold-sep-center {\n margin: 18px auto 24px auto;\n }\n\n h1, h2, h3 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n\n \/* ---- HERO WELCOME (full width white background) ---- *\/\n .hero-bg {\n background: #ffffff;\n width: 100%;\n padding: 80px 0 70px;\n border-bottom: 1px solid #edeae3;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 0.95fr;\n gap: 50px;\n align-items: center;\n }\n .hero-text .pretitle {\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n color: #a08144;\n margin-bottom: 8px;\n }\n .hero-text h1 {\n font-size: 3.7rem;\n color: #1f2c2b;\n line-height: 1.2;\n }\n .hero-description {\n font-size: 1rem;\n line-height: 1.7;\n color: #4a4744;\n margin-top: 20px;\n padding-right: 20px;\n }\n .hero-media {\n background: #fff;\n border: 1px solid #f0ede7;\n box-shadow: 0 25px 35px -12px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n .hero-media img {\n width: 100%;\n height: auto;\n display: block;\n }\n .hero-media:hover {\n transform: scale(1.01);\n }\n\n \/* ---- ACCOMMODATION SECTION (gray background) full width ---- *\/\n .accommodation-bg {\n background: #f4f6f8;\n width: 100%;\n padding: 85px 0 95px;\n text-align: center;\n }\n .section-pretitle {\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n color: #a08144;\n }\n .section-title {\n font-size: 3.1rem;\n margin-top: 8px;\n }\n .flower-icon img {\n max-width: 55px;\n opacity: 0.8;\n margin-bottom: 10px;\n }\n .cards-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 35px;\n justify-content: center;\n margin-top: 40px;\n }\n .room-card {\n background: #ffffff;\n flex: 1 1 300px;\n max-width: 360px;\n transition: all 0.25s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.02);\n }\n .card-image {\n height: 270px;\n background-size: cover;\n background-position: center top;\n background-repeat: no-repeat;\n transition: transform 0.4s ease;\n }\n .room-card:hover .card-image {\n transform: scale(1.02);\n }\n .card-content {\n padding: 32px 28px 42px;\n text-align: center;\n }\n .card-content h3 {\n font-size: 1.85rem;\n margin-bottom: 10px;\n }\n .card-divider {\n width: 50px;\n height: 2px;\n background: #cbaa5c;\n margin: 12px auto 20px auto;\n }\n .card-content p {\n font-size: 0.95rem;\n color: #5b5753;\n margin: 16px 0;\n line-height: 1.5;\n }\n .card-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: transparent;\n border: 1px solid #cbaa5c;\n padding: 12px 30px;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #cbaa5c;\n text-decoration: none;\n transition: all 0.3s;\n margin-top: 12px;\n font-family: 'Inter', sans-serif;\n }\n .card-btn i {\n font-size: 0.9rem;\n transition: transform 0.2s;\n }\n .card-btn:hover {\n background: #cbaa5c;\n color: white;\n gap: 16px;\n }\n .card-btn:hover i {\n transform: translateX(5px);\n color: white;\n }\n\n \/* ---- RESTAURANT SECTION full width ---- *\/\n .restaurant-bg {\n background: #ffffff;\n width: 100%;\n padding: 90px 0;\n }\n .restaurant-grid {\n display: grid;\n grid-template-columns: 1fr 0.9fr;\n gap: 55px;\n align-items: center;\n }\n .restaurant-img-frame {\n border: 13px solid #ffffff;\n box-shadow: 0 22px 35px -14px rgba(0,0,0,0.1);\n transition: all 0.3s;\n }\n .restaurant-img-frame img {\n width: 100%;\n display: block;\n }\n .restaurant-img-frame:hover {\n transform: translateY(-6px);\n box-shadow: 0 30px 40px -16px rgba(0,0,0,0.2);\n }\n .restaurant-text {\n text-align: center;\n padding: 0 20px;\n }\n .restaurant-text h2 {\n font-size: 2.9rem;\n margin: 12px 0 8px;\n }\n .menu-desc {\n font-size: 1rem;\n padding: 0 35px;\n color: #5e5a56;\n line-height: 1.6;\n margin-top: 20px;\n }\n\n \/* ---- NEWSLETTER MODERN full width (English version) ---- *\/\n .newsletter-bg {\n background: #fefcf7;\n width: 100%;\n padding: 80px 20px 100px;\n border-top: 1px solid #ede8df;\n }\n .newsletter-inner {\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n }\n .newsletter-logo img {\n max-width: 90px;\n margin-bottom: 15px;\n }\n .newsletter-card {\n background: white;\n border-radius: 32px;\n padding: 45px 38px;\n box-shadow: 0 25px 40px -14px rgba(0,0,0,0.05);\n border: 1px solid #f0e9de;\n }\n .newsletter-card h3 {\n font-family: 'Inter', sans-serif;\n font-size: 1.7rem;\n font-weight: 500;\n color: #cbaa5c;\n }\n .newsletter-sub {\n font-size: 0.9rem;\n color: #7a766f;\n border-bottom: 1px dashed #e0d9cf;\n padding-bottom: 18px;\n margin-bottom: 28px;\n }\n .magnificat-tabs {\n display: flex;\n gap: 15px;\n margin-bottom: 32px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .magnificat-tab {\n background: #f5f3ef;\n padding: 10px 26px;\n border-radius: 40px;\n font-weight: 600;\n font-size: 0.85rem;\n color: #5b544b;\n cursor: pointer;\n transition: all 0.2s;\n border: none;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-tab-active {\n background: #cbaa5c;\n color: white;\n box-shadow: 0 4px 12px rgba(203,170,92,0.3);\n }\n .widget-container input, .widget-container textarea {\n width: 100%;\n padding: 14px 20px;\n border: 1px solid #e2dbd0;\n border-radius: 60px;\n font-size: 0.9rem;\n margin-bottom: 18px;\n outline: none;\n font-family: 'Inter', sans-serif;\n }\n .widget-container textarea {\n border-radius: 28px;\n }\n .widget-container button {\n background: #cbaa5c;\n border: none;\n padding: 14px 24px;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 1px;\n color: white;\n cursor: pointer;\n transition: 0.2s;\n width: 100%;\n }\n .widget-container button:hover {\n background: #b48a44;\n transform: translateY(-2px);\n }\n .message-area {\n margin-top: 20px;\n font-size: 0.85rem;\n }\n\n \/* Responsive - ensures full width even on mobile *\/\n @media (max-width: 1000px) {\n .hero-grid, .restaurant-grid {\n grid-template-columns: 1fr;\n gap: 45px;\n }\n .hero-text h1 {\n font-size: 2.8rem;\n }\n .section-title {\n font-size: 2.5rem;\n }\n }\n @media (max-width: 700px) {\n .content-limited {\n padding: 0 20px;\n }\n .room-card {\n max-width: 100%;\n }\n .card-content {\n padding: 28px 20px;\n }\n .menu-desc {\n padding: 0 10px;\n }\n .newsletter-card {\n padding: 30px 22px;\n }\n }\n \/* Force no outer restrictions *\/\n .magnificat-migration-root, .fullwidth-section {\n width: 100% !important;\n max-width: 100% !important;\n }\n <\/style>\n<\/head>\n\n<div class=\"magnificat-migration-root\">\n \n <div class=\"fullwidth-section hero-bg\">\n <div class=\"content-limited\">\n <div class=\"hero-grid\">\n <div class=\"hero-text\">\n <div class=\"pretitle\">MAGNIFICAT CENTER<\/div>\n <h1>Welcome to<br> MAGNIFICAT<\/h1>\n <div class=\"gold-sep\"><\/div>\n <div class=\"hero-description\">\n This project came to life a few years ago, when in the heart of Marija, the desire to create a space where the messages of the Queen of Peace could be lived and spread was born. It is born as a house of the Queen of Peace, so that every guest may feel Her maternal benevolence both spiritually and materially.\n <\/div>\n <\/div>\n <div class=\"hero-media\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/DAN_9644.jpg\" alt=\"Magnificat hospitality\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fullwidth-section accommodation-bg\">\n <div class=\"content-limited\">\n <div class=\"flower-icon\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2015\/01\/flowers_top.png\" alt=\"floral decoration\">\n <\/div>\n <div class=\"section-pretitle\">AVAILABLE ROOMS & APARTMENTS<\/div>\n <h2 class=\"section-title\">Accommodation<\/h2>\n <div class=\"gold-sep-center\" style=\"margin: 16px auto 20px auto;\"><\/div>\n \n <div class=\"cards-grid\">\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/doppia1r.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>DOUBLE ROOM<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our rooms are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=1605&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/camera-doppia1.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>TRIPLE ROOM<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our rooms are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=12394&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/appartamentorid.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>APARTMENTS<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our apartments are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=1607&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fullwidth-section restaurant-bg\">\n <div class=\"content-limited\">\n <div class=\"restaurant-grid\">\n <div class=\"restaurant-img-frame\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/DAN_9653.jpg\" alt=\"Magnificat Restaurant\">\n <\/div>\n <div class=\"restaurant-text\">\n <div class=\"section-pretitle\">RESTAURANT<\/div>\n <h2>Our Menus<\/h2>\n <div class=\"gold-sep-center\" style=\"margin: 14px auto 20px;\"><\/div>\n <div class=\"menu-desc\">\n Our menu changes daily and includes a first course, a second course, side dish, fruit or dessert.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>Magnificat Center | Newsletter Management – ENG\/ITA<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700&family=Inter:opsz,wght@14..32,300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ========== GLOBAL STYLES ========== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #fefcf8;\n }\n\n \/* Main section container *\/\n .magnificat-newsletter-section {\n max-width: 650px;\n margin: 60px auto;\n padding: 0 20px;\n font-family: 'Inter', sans-serif;\n }\n\n \/* Header Styles with Language Switcher *\/\n .newsletter-header {\n text-align: center;\n margin-bottom: 35px;\n position: relative;\n }\n .newsletter-header img {\n width: 100px;\n margin-bottom: 15px;\n }\n .newsletter-header h2 {\n color: #333;\n font-weight: 300;\n font-size: 1.3rem;\n letter-spacing: 1px;\n }\n .newsletter-header h1 {\n color: #d4af37;\n font-size: 2rem;\n margin-top: 5px;\n font-family: 'Cormorant Garamond', serif;\n }\n \n \/* Global Language Switcher in Header *\/\n .global-lang-switcher {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n gap: 10px;\n background: white;\n padding: 6px 12px;\n border-radius: 40px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n border: 1px solid #e2dbd0;\n }\n .global-lang-btn {\n background: transparent;\n border: none;\n padding: 6px 16px;\n border-radius: 30px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 600;\n transition: all 0.2s;\n font-family: 'Inter', sans-serif;\n color: #7a766f;\n }\n .global-lang-btn.active {\n background: #d4af37;\n color: #1f2c2b;\n }\n .global-lang-btn:hover:not(.active) {\n background: #f0e9de;\n }\n\n \/* Card Styles *\/\n .magnificat-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 35px 30px;\n margin-bottom: 30px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n border: 1px solid #f0e9de;\n }\n .magnificat-title {\n color: #d4af37;\n font-size: 1.5rem;\n font-weight: 600;\n margin: 0 0 8px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: 'Cormorant Garamond', serif;\n }\n .magnificat-desc {\n color: #7a766f;\n font-size: 0.9rem;\n margin-bottom: 25px;\n border-bottom: 1px dashed #ede6da;\n padding-bottom: 15px;\n }\n\n \/* Tabs Styling - Override for MagnificatMail widgets *\/\n .magnificat-tabs {\n display: flex !important;\n gap: 12px !important;\n margin-bottom: 28px !important;\n background: transparent !important;\n padding: 0 !important;\n }\n .magnificat-tab {\n flex: 1 1 0%;\n padding: 14px 12px !important;\n background: #f5f3ef !important;\n color: #5b544b !important;\n border: 1px solid #e2dbd0 !important;\n cursor: pointer !important;\n font-weight: 600 !important;\n transition: all 0.3s !important;\n border-radius: 50px !important;\n margin: 0 !important;\n box-shadow: none !important;\n font-size: 0.85rem !important;\n font-family: 'Inter', sans-serif !important;\n letter-spacing: 0.5px;\n text-align: center;\n }\n .magnificat-tab:hover {\n background: #e8e2d8 !important;\n transform: translateY(-2px) !important;\n }\n .magnificat-tab.magnificat-tab-active {\n background: #d4af37 !important;\n color: white !important;\n border-color: #d4af37 !important;\n box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25) !important;\n }\n\n \/* Count badge styling *\/\n .magnificat-count {\n display: inline-block;\n margin-top: 8px;\n font-size: 0.75rem;\n color: #cbaa5c;\n }\n\n \/* ========== MODAL STYLES (perfect centering) ========== *\/\n .modal-overlay {\n display: none;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: rgba(0, 0, 0, 0.85) !important;\n z-index: 999999 !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0;\n transition: opacity 0.3s ease;\n visibility: hidden;\n }\n .modal-overlay.show {\n display: flex !important;\n visibility: visible !important;\n opacity: 1;\n }\n .modal-container {\n max-width: 520px !important;\n width: 90% !important;\n background: #ffffff !important;\n border-radius: 24px !important;\n overflow: hidden !important;\n box-shadow: 0 30px 50px rgba(0,0,0,0.3) !important;\n transform: scale(0.92);\n transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n max-height: 90vh;\n overflow-y: auto;\n margin: 0 auto !important;\n }\n .modal-overlay.show .modal-container {\n transform: scale(1);\n }\n .modal-header {\n background: #ffffff;\n padding: 28px 24px 20px;\n text-align: center;\n position: relative;\n border-bottom: 2px solid #d4af37;\n }\n .modal-header img {\n width: 80px;\n margin-bottom: 12px;\n }\n .modal-header h3 {\n color: #d4af37;\n margin: 0;\n font-size: 1.6rem;\n font-family: 'Cormorant Garamond', serif;\n }\n .modal-lang-switcher {\n position: absolute;\n top: 15px;\n right: 55px;\n display: flex;\n gap: 6px;\n }\n .modal-lang-btn {\n background: transparent;\n border: 1px solid #d4af37;\n border-radius: 30px;\n padding: 4px 12px;\n font-size: 0.7rem;\n font-weight: 600;\n cursor: pointer;\n color: #d4af37;\n transition: all 0.2s;\n }\n .modal-lang-btn.active {\n background: #d4af37;\n color: #1f2c2b;\n }\n .close-modal {\n position: absolute;\n top: 12px;\n right: 18px;\n color: #d4af37;\n font-size: 28px;\n cursor: pointer;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: background 0.2s;\n }\n .close-modal:hover {\n background: rgba(212, 175, 55, 0.1);\n }\n .modal-body {\n padding: 28px 30px 25px;\n }\n .modal-footer {\n background: #fcf9f0;\n padding: 18px;\n text-align: center;\n font-size: 0.7rem;\n color: #6b6359;\n border-top: 1px solid #ede6da;\n }\n .modal-footer strong {\n color: #d4af37;\n display: block;\n margin-bottom: 5px;\n }\n .floating-buttons {\n position: fixed;\n bottom: 25px;\n right: 65px;\n display: flex;\n gap: 15px;\n z-index: 99999;\n }\n .floating-btn {\n background: #d4af37;\n color: #1f2c2b;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n text-decoration: none;\n box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4);\n transition: transform 0.2s;\n cursor: pointer;\n }\n .floating-btn:hover {\n transform: scale(1.1);\n }\n .info-box {\n background: #fcf9f0;\n border-left: 4px solid #d4af37;\n padding: 12px 15px;\n margin-bottom: 20px;\n border-radius: 12px;\n }\n .info-box strong {\n color: #cbaa5c;\n display: block;\n margin-bottom: 6px;\n }\n .info-box p {\n margin-top: 6px;\n font-size: 0.85rem;\n color: #5e5a56;\n }\n @media (max-width: 550px) {\n .magnificat-card {\n padding: 25px 20px;\n }\n .modal-body {\n padding: 22px;\n }\n .floating-buttons {\n bottom: 20px;\n right: 20px;\n gap: 10px;\n }\n .floating-btn {\n width: 48px;\n height: 48px;\n font-size: 20px;\n }\n .global-lang-switcher {\n position: static;\n justify-content: center;\n margin-top: 15px;\n display: inline-flex;\n }\n .newsletter-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<script src=\"\/mailing.js\"><\/script>\n\n\n<script>\n\/\/ ==================== MULTILINGUAL SYSTEM ====================\nwindow.MagnificatLang = {\n current: 'eng', \/\/ 'eng' or 'ita'\n \n \/\/ Complete translations\n translations: {\n eng: {\n \/\/ Header\n headerSubtitle: 'Stay Connected with',\n headerTitle: 'Magnificat Center',\n cardTitle: '\ud83d\udccb Subscribe to our newsletter or manage your subscription',\n cardDesc: 'Add single or multiple emails, or unsubscribe from the list',\n \n \/\/ Widget texts (for MagnificatMail override)\n subscribeTitle: 'Subscribe to Newsletter',\n subscribePlaceholder: 'Your email',\n subscribeButton: 'Subscribe Now',\n bulkTitle: 'Add Multiple Emails',\n bulkPlaceholder: 'Paste multiple emails (separated by commas, spaces, or new lines)',\n bulkButton: 'Add All',\n unsubscribeTitle: 'Cancel Subscription',\n unsubscribePlaceholder: 'Your email',\n unsubscribeButton: 'Send Unsubscribe Link',\n subscribeTab: 'Subscribe',\n bulkTab: 'Bulk Subscribe',\n unsubscribeTab: 'Unsubscribe',\n validEmails: (count) => `${count} valid email(s)`,\n \n \/\/ Subscribe Modal\n subModalTitle: 'Subscribe to Newsletter',\n subInfoTitle: '\ud83d\udce7 Join Our Community',\n subInfoText: 'Subscribe to receive updates, news, and spiritual reflections from Magnificat Center.',\n subFooterText: 'You will receive a confirmation email to verify your subscription<br>We respect your privacy - unsubscribe anytime',\n \n \/\/ Unsubscribe Modal\n unsubModalTitle: 'Manage Your Subscription',\n unsubInfoTitle: '\ud83d\udd10 Secure Unsubscribe',\n unsubInfoText: 'Enter your email to receive the unsubscribe link. You will need to confirm the request from your email.',\n unsubFooterText: 'You will receive an email with the link to unsubscribe<br>No immediate action - check your inbox',\n \n \/\/ Footer\n footerAddress: 'Bijakovici, Medjugorje'\n },\n ita: {\n \/\/ Header\n headerSubtitle: 'Rimani in Contatto con',\n headerTitle: 'Magnificat Center',\n cardTitle: '\ud83d\udccb Iscriviti alla newsletter o gestisci la tua iscrizione',\n cardDesc: 'Aggiungi singole o multiple email, o cancellati dalla lista',\n \n \/\/ Widget texts\n subscribeTitle: 'Iscriviti alla Newsletter',\n subscribePlaceholder: 'La tua email',\n subscribeButton: 'Iscriviti Ora',\n bulkTitle: 'Aggiungi Email Multiple',\n bulkPlaceholder: 'Incolla pi\u00f9 email (separate da virgola, spazio o nuova riga)',\n bulkButton: 'Aggiungi Tutte',\n unsubscribeTitle: 'Cancella Iscrizione',\n unsubscribePlaceholder: 'La tua email',\n unsubscribeButton: 'Invia Link di Cancellazione',\n subscribeTab: 'Iscriviti',\n bulkTab: 'Multiple',\n unsubscribeTab: 'Cancellati',\n validEmails: (count) => `${count} email valide`,\n \n \/\/ Subscribe Modal\n subModalTitle: 'Iscriviti alla Newsletter',\n subInfoTitle: '\ud83d\udce7 Unisciti alla Nostra Comunit\u00e0',\n subInfoText: 'Iscriviti per ricevere aggiornamenti, notizie e riflessioni spirituali dal Magnificat Center.',\n subFooterText: 'Riceverai un\\'email di conferma per verificare la tua iscrizione<br>Rispettiamo la tua privacy - cancellati quando vuoi',\n \n \/\/ Unsubscribe Modal\n unsubModalTitle: 'Gestisci la tua Iscrizione',\n unsubInfoTitle: '\ud83d\udd10 Cancellazione Sicura',\n unsubInfoText: 'Inserisci la tua email per ricevere il link di cancellazione. Dovrai confermare la richiesta dalla tua email.',\n unsubFooterText: 'Riceverai un\\'email con il link per cancellarti<br>Nessuna azione immediata - controlla la tua casella di posta',\n \n \/\/ Footer\n footerAddress: 'Bijakovici, Medjugorje'\n }\n },\n \n \/\/ Helper to get text\n t(key, ...args) {\n let text = this.translations[this.current][key];\n if (typeof text === 'function') {\n return text(...args);\n }\n return text || key;\n },\n \n \/\/ Update all UI text dynamically\n updateUI() {\n \/\/ Update header\n const headerSubtitle = document.querySelector('.newsletter-header h2');\n const headerTitle = document.querySelector('.newsletter-header h1');\n const cardTitle = document.querySelector('.magnificat-title');\n const cardDesc = document.querySelector('.magnificat-desc');\n const footerAddress = document.querySelectorAll('.modal-footer, .magnificat-card .modal-footer');\n \n if (headerSubtitle) headerSubtitle.textContent = this.t('headerSubtitle');\n if (headerTitle) headerTitle.textContent = this.t('headerTitle');\n if (cardTitle) cardTitle.innerHTML = this.t('cardTitle');\n if (cardDesc) cardDesc.textContent = this.t('cardDesc');\n \n \/\/ Update modal static texts (non-widget parts)\n const subModalTitle = document.querySelector('#subscribeModal .modal-header h3');\n const subInfoStrong = document.querySelector('#subscribeModal .info-box strong');\n const subInfoP = document.querySelector('#subscribeModal .info-box p');\n const subFooterText = document.querySelector('#subscribeModal .modal-body > p');\n \n const unsubModalTitle = document.querySelector('#unsubscribeModal .modal-header h3');\n const unsubInfoStrong = document.querySelector('#unsubscribeModal .info-box strong');\n const unsubInfoP = document.querySelector('#unsubscribeModal .info-box p');\n const unsubFooterText = document.querySelector('#unsubscribeModal .modal-body > p');\n \n if (subModalTitle) subModalTitle.textContent = this.t('subModalTitle');\n if (subInfoStrong) subInfoStrong.innerHTML = this.t('subInfoTitle');\n if (subInfoP) subInfoP.textContent = this.t('subInfoText');\n if (subFooterText) subFooterText.innerHTML = this.t('subFooterText');\n \n if (unsubModalTitle) unsubModalTitle.textContent = this.t('unsubModalTitle');\n if (unsubInfoStrong) unsubInfoStrong.innerHTML = this.t('unsubInfoTitle');\n if (unsubInfoP) unsubInfoP.textContent = this.t('unsubInfoText');\n if (unsubFooterText) unsubFooterText.innerHTML = this.t('unsubFooterText');\n \n \/\/ Update footer addresses in modals\n document.querySelectorAll('.modal-footer').forEach(footer => {\n const addrSpan = footer.querySelector('span');\n if (addrSpan && addrSpan.textContent === 'MAGNIFICAT CENTER') {\n \/\/ Keep the title, update address line\n const lines = footer.innerHTML.split('<br>');\n if (lines.length >= 2) {\n footer.innerHTML = `<strong>MAGNIFICAT CENTER<\/strong><br>${this.t('footerAddress')}<br>${lines[2] || ''}`;\n }\n }\n });\n \n \/\/ Update global language switcher active state\n document.querySelectorAll('.global-lang-btn').forEach(btn => {\n if (btn.getAttribute('data-lang') === this.current) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n \n \/\/ Trigger MagnificatMail language override\n this.overrideMagnificatMail();\n },\n \n \/\/ Override MagnificatMail widgets with current language\n overrideMagnificatMail() {\n if (!window.MagnificatMail) {\n setTimeout(() => this.overrideMagnificatMail(), 100);\n return;\n }\n \n const t = this.translations[this.current];\n \n \/\/ Store original methods if not already stored\n if (!window._originalMagnificatMailMethods) {\n window._originalMagnificatMailMethods = {\n subscribe: MagnificatMail.createSubscribeWidget,\n bulk: MagnificatMail.createBulkWidget,\n unsubscribe: MagnificatMail.createUnsubscribeWidget,\n combined: MagnificatMail.createCombinedWidget\n };\n }\n \n \/\/ Override Subscribe Widget\n MagnificatMail.createSubscribeWidget = function(container, options = {}) {\n options.title = t.subscribeTitle;\n options.placeholder = t.subscribePlaceholder;\n options.buttonText = t.subscribeButton;\n return window._originalMagnificatMailMethods.subscribe.call(this, container, options);\n };\n \n \/\/ Override Bulk Widget\n MagnificatMail.createBulkWidget = function(container, options = {}) {\n options.title = t.bulkTitle;\n options.placeholder = t.bulkPlaceholder;\n options.buttonText = t.bulkButton;\n const result = window._originalMagnificatMailMethods.bulk.call(this, container, options);\n \/\/ Update count text after creation\n setTimeout(() => {\n const countSpan = container.querySelector('.magnificat-count');\n if (countSpan && countSpan.textContent.match(\/\\d+\/)) {\n const count = parseInt(countSpan.textContent) || 0;\n countSpan.textContent = t.validEmails(count);\n }\n }, 50);\n return result;\n };\n \n \/\/ Override Unsubscribe Widget\n MagnificatMail.createUnsubscribeWidget = function(container, options = {}) {\n options.title = t.unsubscribeTitle;\n options.description = t.unsubscribeTitle;\n options.placeholder = t.unsubscribePlaceholder;\n options.buttonText = t.unsubscribeButton;\n return window._originalMagnificatMailMethods.unsubscribe.call(this, container, options);\n };\n \n \/\/ Override Combined Widget\n MagnificatMail.createCombinedWidget = function(container, options = {}) {\n options.subscribeText = t.subscribeTab;\n options.bulkText = t.bulkTab;\n options.unsubscribeText = t.unsubscribeTab;\n return window._originalMagnificatMailMethods.combined.call(this, container, options);\n };\n \n \/\/ Reinitialize widgets\n if (MagnificatMail.init) {\n MagnificatMail.init();\n }\n },\n \n \/\/ Switch language\n setLanguage(lang) {\n if (lang === this.current) return;\n this.current = lang;\n this.updateUI();\n console.log(`\ud83c\udf10 Language switched to: ${lang === 'eng' ? 'English' : 'Italiano'}`);\n }\n};\n\n\/\/ Initialize language system when DOM ready\ndocument.addEventListener('DOMContentLoaded', () => {\n \/\/ Create global language switcher buttons in header\n const header = document.querySelector('.newsletter-header');\n if (header && !document.querySelector('.global-lang-switcher')) {\n const switcher = document.createElement('div');\n switcher.className = 'global-lang-switcher';\n switcher.innerHTML = `\n <button class=\"global-lang-btn\" data-lang=\"eng\">ENG<\/button>\n <button class=\"global-lang-btn\" data-lang=\"ita\">ITA<\/button>\n `;\n header.appendChild(switcher);\n \n \/\/ Add event listeners\n switcher.querySelectorAll('.global-lang-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n MagnificatLang.setLanguage(btn.getAttribute('data-lang'));\n });\n });\n }\n \n \/\/ Create modal language switchers\n const subscribeModalHeader = document.querySelector('#subscribeModal .modal-header');\n const unsubscribeModalHeader = document.querySelector('#unsubscribeModal .modal-header');\n \n function addModalSwitcher(modalHeader, modalId) {\n if (modalHeader && !modalHeader.querySelector('.modal-lang-switcher')) {\n const switcher = document.createElement('div');\n switcher.className = 'modal-lang-switcher';\n switcher.innerHTML = `\n <button class=\"modal-lang-btn\" data-lang=\"eng\">ENG<\/button>\n <button class=\"modal-lang-btn\" data-lang=\"ita\">ITA<\/button>\n `;\n modalHeader.appendChild(switcher);\n \n switcher.querySelectorAll('.modal-lang-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n e.stopPropagation();\n MagnificatLang.setLanguage(btn.getAttribute('data-lang'));\n });\n });\n }\n }\n \n addModalSwitcher(subscribeModalHeader, 'subscribe');\n addModalSwitcher(unsubscribeModalHeader, 'unsubscribe');\n \n \/\/ Initial UI update\n MagnificatLang.updateUI();\n});\n<\/script>\n\n\n<style>\n .magnificat-card input, .magnificat-card textarea,\n .modal-body input, .modal-body textarea {\n width: 100%;\n padding: 14px 20px;\n border: 1px solid #e2dbd0;\n border-radius: 60px;\n font-size: 0.9rem;\n margin-bottom: 16px;\n outline: none;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-card textarea, .modal-body textarea {\n border-radius: 24px;\n resize: vertical;\n }\n .magnificat-card button, .modal-body button {\n background: #d4af37;\n border: none;\n padding: 14px 24px;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.85rem;\n letter-spacing: 1px;\n color: #1f2c2b;\n cursor: pointer;\n width: 100%;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-card button:hover, .modal-body button:hover {\n background: #c29f2e;\n transform: translateY(-2px);\n }\n<\/style>\n\n\n<div class=\"magnificat-newsletter-section\">\n <div class=\"newsletter-header\">\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h2>Stay Connected with<\/h2>\n <h1>Magnificat Center<\/h1>\n <\/div>\n \n <div class=\"magnificat-card\">\n <div class=\"magnificat-title\">\ud83d\udccb Subscribe to our newsletter or manage your subscription<\/div>\n <div class=\"magnificat-desc\">Add single or multiple emails, or unsubscribe from the list<\/div>\n <div data-magnificat-widget=\"combined\" id=\"combinedWidgetContainer\"><\/div>\n <\/div>\n<\/div>\n\n\n\n<div id=\"subscribeModal\" class=\"modal-overlay\">\n <div class=\"modal-container\">\n <div class=\"modal-header\">\n <span class=\"close-modal\" data-modal=\"subscribe\">×<\/span>\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h3>Subscribe to Newsletter<\/h3>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"info-box\">\n <strong>\ud83d\udce7 Join Our Community<\/strong>\n <p>Subscribe to receive updates, news, and spiritual reflections from Magnificat Center.<\/p>\n <\/div>\n <div data-magnificat-widget=\"subscribe\" id=\"subscribeModalWidget\"><\/div>\n <p style=\"text-align:center; margin-top:18px; font-size:0.7rem; color:#9b958c;\">You will receive a confirmation email to verify your subscription<br>We respect your privacy – unsubscribe anytime<\/p>\n <\/div>\n <div class=\"modal-footer\">\n <strong>MAGNIFICAT CENTER<\/strong><br>\n Bijakovici, Medjugorje<br>\n <a href=\"mailto:info@magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">info@magnificat.center<\/a> | \n <a href=\"https:\/\/www.magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">www.magnificat.center<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"unsubscribeModal\" class=\"modal-overlay\">\n <div class=\"modal-container\">\n <div class=\"modal-header\">\n <span class=\"close-modal\" data-modal=\"unsubscribe\">×<\/span>\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h3>Manage Your Subscription<\/h3>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"info-box\">\n <strong>\ud83d\udd10 Secure Unsubscribe<\/strong>\n <p>Enter your email to receive the unsubscribe link. You will need to confirm the request from your email.<\/p>\n <\/div>\n <div data-magnificat-widget=\"unsubscribe\" id=\"unsubscribeModalWidget\"><\/div>\n <p style=\"text-align:center; margin-top:18px; font-size:0.7rem; color:#9b958c;\">You will receive an email with the link to unsubscribe<br>No immediate action – check your inbox<\/p>\n <\/div>\n <div class=\"modal-footer\">\n <strong>MAGNIFICAT CENTER<\/strong><br>\n Bijakovici, Medjugorje<br>\n <a href=\"mailto:info@magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">info@magnificat.center<\/a> | \n <a href=\"https:\/\/www.magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">www.magnificat.center<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n const subscribeModal = document.getElementById('subscribeModal');\n const unsubscribeModal = document.getElementById('unsubscribeModal');\n \n function openModal(modal) {\n if (!modal) return;\n modal.style.display = 'flex';\n modal.style.visibility = 'visible';\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n \n function closeModal(modal) {\n if (!modal) return;\n modal.classList.remove('show');\n modal.style.display = 'none';\n modal.style.visibility = 'hidden';\n document.body.style.overflow = '';\n }\n \n document.querySelectorAll('.close-modal').forEach(btn => {\n btn.addEventListener('click', () => {\n const modalId = btn.getAttribute('data-modal');\n if (modalId === 'subscribe') closeModal(subscribeModal);\n if (modalId === 'unsubscribe') closeModal(unsubscribeModal);\n });\n });\n \n window.addEventListener('click', (e) => {\n if (e.target === subscribeModal) closeModal(subscribeModal);\n if (e.target === unsubscribeModal) closeModal(unsubscribeModal);\n });\n \n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n if (subscribeModal.classList.contains('show')) closeModal(subscribeModal);\n if (unsubscribeModal.classList.contains('show')) closeModal(unsubscribeModal);\n }\n });\n\n\n(function() {\n \/\/ Function to open modal by ID\n function openModal(modalId) {\n var modal = document.getElementById(modalId);\n if (modal) {\n modal.style.display = 'flex';\n modal.style.visibility = 'visible';\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n }\n\n \/\/ Check URL hash on page load\n function checkHashAndOpenModal() {\n var hash = window.location.hash;\n if (hash === '#subscribe') {\n openModal('subscribeModal');\n \/\/ Remove hash from URL without reloading page\n history.pushState('', document.title, window.location.pathname);\n } else if (hash === '#unsubscribe') {\n openModal('unsubscribeModal');\n history.pushState('', document.title, window.location.pathname);\n }\n }\n\n \/\/ Run on initial load\n checkHashAndOpenModal();\n\n \/\/ Also listen for hash changes (if user manually changes URL while on page)\n window.addEventListener('hashchange', function() {\n var hash = window.location.hash;\n if (hash === '#subscribe') {\n openModal('subscribeModal');\n history.pushState('', document.title, window.location.pathname);\n } else if (hash === '#unsubscribe') {\n openModal('unsubscribeModal');\n history.pushState('', document.title, window.location.pathname);\n }\n });\n})();\n\n \n document.getElementById('fabSubscribeModal').addEventListener('click', (e) => {\n e.preventDefault();\n openModal(subscribeModal);\n history.pushState('', document.title, window.location.pathname);\n });\n \n document.getElementById('fabUnsubscribeModal').addEventListener('click', (e) => {\n e.preventDefault();\n openModal(unsubscribeModal);\n history.pushState('', document.title, window.location.pathname);\n });\n \n function checkHash() {\n const hash = window.location.hash;\n if (hash === '#subscribe') openModal(subscribeModal);\n else if (hash === '#unsubscribe') openModal(unsubscribeModal);\n if (hash) setTimeout(() => history.pushState('', document.title, window.location.pathname), 10);\n }\n \n window.addEventListener('hashchange', checkHash);\n checkHash();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Magnificat Center | Welcome – Full Width Experience MAGNIFICAT CENTER Welcome to MAGNIFICAT This project came to life a few years ago, when in the heart of Marija, the desire to create a space where the messages of the Queen of Peace could be lived and spread was born. It is born as a house […]<\/p>\n","protected":false},"author":1,"featured_media":15283,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12260","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12260"}],"version-history":[{"count":47,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260\/revisions"}],"predecessor-version":[{"id":16410,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260\/revisions\/16410"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/media\/15283"}],"wp:attachment":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12260,"date":"2016-07-11T17:32:39","date_gmt":"2016-07-11T15:32:39","guid":{"rendered":"http:\/\/www.magnificat.center\/?page_id=12260"},"modified":"2026-05-10T19:34:36","modified_gmt":"2026-05-10T17:34:36","slug":"home_e","status":"publish","type":"page","link":"https:\/\/www.magnificat.center\/?lang=en","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n Magnificat Center | Welcome – Full Width Experience<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n <style>\n \/* -------------------------------\n FORCE FULL WIDTH - NO RESTRICTIONS\n ------------------------------- *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Override any WordPress theme containment *\/\n html, body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n background: #fefcf8;\n }\n\n \/* Main container \u2014 takes 100% width *\/\n .magnificat-migration-root {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n background: #fefcf8;\n }\n\n \/* Each inner section is full width *\/\n .fullwidth-section {\n width: 100%;\n margin: 0;\n padding: 0;\n }\n\n \/* Centered content container without limiting background width *\/\n .content-limited {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 30px;\n }\n\n \/* Gold separator *\/\n .gold-sep {\n width: 50px;\n height: 2px;\n background-color: #cbaa5c;\n margin: 18px 0 24px 0;\n }\n .gold-sep-center {\n margin: 18px auto 24px auto;\n }\n\n h1, h2, h3 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n\n \/* ---- HERO WELCOME (full width white background) ---- *\/\n .hero-bg {\n background: #ffffff;\n width: 100%;\n padding: 80px 0 70px;\n border-bottom: 1px solid #edeae3;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 0.95fr;\n gap: 50px;\n align-items: center;\n }\n .hero-text .pretitle {\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n color: #a08144;\n margin-bottom: 8px;\n }\n .hero-text h1 {\n font-size: 3.7rem;\n color: #1f2c2b;\n line-height: 1.2;\n }\n .hero-description {\n font-size: 1rem;\n line-height: 1.7;\n color: #4a4744;\n margin-top: 20px;\n padding-right: 20px;\n }\n .hero-media {\n background: #fff;\n border: 1px solid #f0ede7;\n box-shadow: 0 25px 35px -12px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n .hero-media img {\n width: 100%;\n height: auto;\n display: block;\n }\n .hero-media:hover {\n transform: scale(1.01);\n }\n\n \/* ---- ACCOMMODATION SECTION (gray background) full width ---- *\/\n .accommodation-bg {\n background: #f4f6f8;\n width: 100%;\n padding: 85px 0 95px;\n text-align: center;\n }\n .section-pretitle {\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n color: #a08144;\n }\n .section-title {\n font-size: 3.1rem;\n margin-top: 8px;\n }\n .flower-icon img {\n max-width: 55px;\n opacity: 0.8;\n margin-bottom: 10px;\n }\n .cards-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 35px;\n justify-content: center;\n margin-top: 40px;\n }\n .room-card {\n background: #ffffff;\n flex: 1 1 300px;\n max-width: 360px;\n transition: all 0.25s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.02);\n }\n .card-image {\n height: 270px;\n background-size: cover;\n background-position: center top;\n background-repeat: no-repeat;\n transition: transform 0.4s ease;\n }\n .room-card:hover .card-image {\n transform: scale(1.02);\n }\n .card-content {\n padding: 32px 28px 42px;\n text-align: center;\n }\n .card-content h3 {\n font-size: 1.85rem;\n margin-bottom: 10px;\n }\n .card-divider {\n width: 50px;\n height: 2px;\n background: #cbaa5c;\n margin: 12px auto 20px auto;\n }\n .card-content p {\n font-size: 0.95rem;\n color: #5b5753;\n margin: 16px 0;\n line-height: 1.5;\n }\n .card-btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: transparent;\n border: 1px solid #cbaa5c;\n padding: 12px 30px;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #cbaa5c;\n text-decoration: none;\n transition: all 0.3s;\n margin-top: 12px;\n font-family: 'Inter', sans-serif;\n }\n .card-btn i {\n font-size: 0.9rem;\n transition: transform 0.2s;\n }\n .card-btn:hover {\n background: #cbaa5c;\n color: white;\n gap: 16px;\n }\n .card-btn:hover i {\n transform: translateX(5px);\n color: white;\n }\n\n \/* ---- RESTAURANT SECTION full width ---- *\/\n .restaurant-bg {\n background: #ffffff;\n width: 100%;\n padding: 90px 0;\n }\n .restaurant-grid {\n display: grid;\n grid-template-columns: 1fr 0.9fr;\n gap: 55px;\n align-items: center;\n }\n .restaurant-img-frame {\n border: 13px solid #ffffff;\n box-shadow: 0 22px 35px -14px rgba(0,0,0,0.1);\n transition: all 0.3s;\n }\n .restaurant-img-frame img {\n width: 100%;\n display: block;\n }\n .restaurant-img-frame:hover {\n transform: translateY(-6px);\n box-shadow: 0 30px 40px -16px rgba(0,0,0,0.2);\n }\n .restaurant-text {\n text-align: center;\n padding: 0 20px;\n }\n .restaurant-text h2 {\n font-size: 2.9rem;\n margin: 12px 0 8px;\n }\n .menu-desc {\n font-size: 1rem;\n padding: 0 35px;\n color: #5e5a56;\n line-height: 1.6;\n margin-top: 20px;\n }\n\n \/* ---- NEWSLETTER MODERN full width (English version) ---- *\/\n .newsletter-bg {\n background: #fefcf7;\n width: 100%;\n padding: 80px 20px 100px;\n border-top: 1px solid #ede8df;\n }\n .newsletter-inner {\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n }\n .newsletter-logo img {\n max-width: 90px;\n margin-bottom: 15px;\n }\n .newsletter-card {\n background: white;\n border-radius: 32px;\n padding: 45px 38px;\n box-shadow: 0 25px 40px -14px rgba(0,0,0,0.05);\n border: 1px solid #f0e9de;\n }\n .newsletter-card h3 {\n font-family: 'Inter', sans-serif;\n font-size: 1.7rem;\n font-weight: 500;\n color: #cbaa5c;\n }\n .newsletter-sub {\n font-size: 0.9rem;\n color: #7a766f;\n border-bottom: 1px dashed #e0d9cf;\n padding-bottom: 18px;\n margin-bottom: 28px;\n }\n .magnificat-tabs {\n display: flex;\n gap: 15px;\n margin-bottom: 32px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .magnificat-tab {\n background: #f5f3ef;\n padding: 10px 26px;\n border-radius: 40px;\n font-weight: 600;\n font-size: 0.85rem;\n color: #5b544b;\n cursor: pointer;\n transition: all 0.2s;\n border: none;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-tab-active {\n background: #cbaa5c;\n color: white;\n box-shadow: 0 4px 12px rgba(203,170,92,0.3);\n }\n .widget-container input, .widget-container textarea {\n width: 100%;\n padding: 14px 20px;\n border: 1px solid #e2dbd0;\n border-radius: 60px;\n font-size: 0.9rem;\n margin-bottom: 18px;\n outline: none;\n font-family: 'Inter', sans-serif;\n }\n .widget-container textarea {\n border-radius: 28px;\n }\n .widget-container button {\n background: #cbaa5c;\n border: none;\n padding: 14px 24px;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 1px;\n color: white;\n cursor: pointer;\n transition: 0.2s;\n width: 100%;\n }\n .widget-container button:hover {\n background: #b48a44;\n transform: translateY(-2px);\n }\n .message-area {\n margin-top: 20px;\n font-size: 0.85rem;\n }\n\n \/* Responsive - ensures full width even on mobile *\/\n @media (max-width: 1000px) {\n .hero-grid, .restaurant-grid {\n grid-template-columns: 1fr;\n gap: 45px;\n }\n .hero-text h1 {\n font-size: 2.8rem;\n }\n .section-title {\n font-size: 2.5rem;\n }\n }\n @media (max-width: 700px) {\n .content-limited {\n padding: 0 20px;\n }\n .room-card {\n max-width: 100%;\n }\n .card-content {\n padding: 28px 20px;\n }\n .menu-desc {\n padding: 0 10px;\n }\n .newsletter-card {\n padding: 30px 22px;\n }\n }\n \/* Force no outer restrictions *\/\n .magnificat-migration-root, .fullwidth-section {\n width: 100% !important;\n max-width: 100% !important;\n }\n <\/style>\n<\/head>\n\n<div class=\"magnificat-migration-root\">\n \n <div class=\"fullwidth-section hero-bg\">\n <div class=\"content-limited\">\n <div class=\"hero-grid\">\n <div class=\"hero-text\">\n <div class=\"pretitle\">MAGNIFICAT CENTER<\/div>\n <h1>Welcome to<br> MAGNIFICAT<\/h1>\n <div class=\"gold-sep\"><\/div>\n <div class=\"hero-description\">\n This project came to life a few years ago, when in the heart of Marija, the desire to create a space where the messages of the Queen of Peace could be lived and spread was born. It is born as a house of the Queen of Peace, so that every guest may feel Her maternal benevolence both spiritually and materially.\n <\/div>\n <\/div>\n <div class=\"hero-media\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/DAN_9644.jpg\" alt=\"Magnificat hospitality\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fullwidth-section accommodation-bg\">\n <div class=\"content-limited\">\n <div class=\"flower-icon\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2015\/01\/flowers_top.png\" alt=\"floral decoration\">\n <\/div>\n <div class=\"section-pretitle\">AVAILABLE ROOMS & APARTMENTS<\/div>\n <h2 class=\"section-title\">Accommodation<\/h2>\n <div class=\"gold-sep-center\" style=\"margin: 16px auto 20px auto;\"><\/div>\n \n <div class=\"cards-grid\">\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/doppia1r.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>DOUBLE ROOM<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our rooms are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=1605&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/camera-doppia1.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>TRIPLE ROOM<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our rooms are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=12394&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"room-card\">\n <div class=\"card-image\" style=\"background-image: url('http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/07\/appartamentorid.jpg');\"><\/div>\n <div class=\"card-content\">\n <h3>APARTMENTS<\/h3>\n <div class=\"card-divider\"><\/div>\n <p>Our apartments are new and very spacious<\/p>\n <a href=\"https:\/\/www.magnificat.center\/?page_id=12312&lang=en\" class=\"card-btn\" data-link=\"?page_id=1607&lang=en\">View details <i class=\"fa fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fullwidth-section restaurant-bg\">\n <div class=\"content-limited\">\n <div class=\"restaurant-grid\">\n <div class=\"restaurant-img-frame\">\n <img decoding=\"async\" src=\"http:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/DAN_9653.jpg\" alt=\"Magnificat Restaurant\">\n <\/div>\n <div class=\"restaurant-text\">\n <div class=\"section-pretitle\">RESTAURANT<\/div>\n <h2>Our Menus<\/h2>\n <div class=\"gold-sep-center\" style=\"margin: 14px auto 20px;\"><\/div>\n <div class=\"menu-desc\">\n Our menu changes daily and includes a first course, a second course, side dish, fruit or dessert.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/html>\n\n\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>Magnificat Center | Newsletter Management – ENG\/ITA<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700&family=Inter:opsz,wght@14..32,300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ========== GLOBAL STYLES ========== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #fefcf8;\n }\n\n \/* Main section container *\/\n .magnificat-newsletter-section {\n max-width: 650px;\n margin: 60px auto;\n padding: 0 20px;\n font-family: 'Inter', sans-serif;\n }\n\n \/* Header Styles with Language Switcher *\/\n .newsletter-header {\n text-align: center;\n margin-bottom: 35px;\n position: relative;\n }\n .newsletter-header img {\n width: 100px;\n margin-bottom: 15px;\n }\n .newsletter-header h2 {\n color: #333;\n font-weight: 300;\n font-size: 1.3rem;\n letter-spacing: 1px;\n }\n .newsletter-header h1 {\n color: #d4af37;\n font-size: 2rem;\n margin-top: 5px;\n font-family: 'Cormorant Garamond', serif;\n }\n \n \/* Global Language Switcher in Header *\/\n .global-lang-switcher {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n gap: 10px;\n background: white;\n padding: 6px 12px;\n border-radius: 40px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n border: 1px solid #e2dbd0;\n }\n .global-lang-btn {\n background: transparent;\n border: none;\n padding: 6px 16px;\n border-radius: 30px;\n cursor: pointer;\n font-size: 0.8rem;\n font-weight: 600;\n transition: all 0.2s;\n font-family: 'Inter', sans-serif;\n color: #7a766f;\n }\n .global-lang-btn.active {\n background: #d4af37;\n color: #1f2c2b;\n }\n .global-lang-btn:hover:not(.active) {\n background: #f0e9de;\n }\n\n \/* Card Styles *\/\n .magnificat-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 35px 30px;\n margin-bottom: 30px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n border: 1px solid #f0e9de;\n }\n .magnificat-title {\n color: #d4af37;\n font-size: 1.5rem;\n font-weight: 600;\n margin: 0 0 8px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: 'Cormorant Garamond', serif;\n }\n .magnificat-desc {\n color: #7a766f;\n font-size: 0.9rem;\n margin-bottom: 25px;\n border-bottom: 1px dashed #ede6da;\n padding-bottom: 15px;\n }\n\n \/* Tabs Styling - Override for MagnificatMail widgets *\/\n .magnificat-tabs {\n display: flex !important;\n gap: 12px !important;\n margin-bottom: 28px !important;\n background: transparent !important;\n padding: 0 !important;\n }\n .magnificat-tab {\n flex: 1 1 0%;\n padding: 14px 12px !important;\n background: #f5f3ef !important;\n color: #5b544b !important;\n border: 1px solid #e2dbd0 !important;\n cursor: pointer !important;\n font-weight: 600 !important;\n transition: all 0.3s !important;\n border-radius: 50px !important;\n margin: 0 !important;\n box-shadow: none !important;\n font-size: 0.85rem !important;\n font-family: 'Inter', sans-serif !important;\n letter-spacing: 0.5px;\n text-align: center;\n }\n .magnificat-tab:hover {\n background: #e8e2d8 !important;\n transform: translateY(-2px) !important;\n }\n .magnificat-tab.magnificat-tab-active {\n background: #d4af37 !important;\n color: white !important;\n border-color: #d4af37 !important;\n box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25) !important;\n }\n\n \/* Count badge styling *\/\n .magnificat-count {\n display: inline-block;\n margin-top: 8px;\n font-size: 0.75rem;\n color: #cbaa5c;\n }\n\n \/* ========== MODAL STYLES (perfect centering) ========== *\/\n .modal-overlay {\n display: none;\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: rgba(0, 0, 0, 0.85) !important;\n z-index: 999999 !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0;\n transition: opacity 0.3s ease;\n visibility: hidden;\n }\n .modal-overlay.show {\n display: flex !important;\n visibility: visible !important;\n opacity: 1;\n }\n .modal-container {\n max-width: 520px !important;\n width: 90% !important;\n background: #ffffff !important;\n border-radius: 24px !important;\n overflow: hidden !important;\n box-shadow: 0 30px 50px rgba(0,0,0,0.3) !important;\n transform: scale(0.92);\n transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n position: relative;\n max-height: 90vh;\n overflow-y: auto;\n margin: 0 auto !important;\n }\n .modal-overlay.show .modal-container {\n transform: scale(1);\n }\n .modal-header {\n background: #ffffff;\n padding: 28px 24px 20px;\n text-align: center;\n position: relative;\n border-bottom: 2px solid #d4af37;\n }\n .modal-header img {\n width: 80px;\n margin-bottom: 12px;\n }\n .modal-header h3 {\n color: #d4af37;\n margin: 0;\n font-size: 1.6rem;\n font-family: 'Cormorant Garamond', serif;\n }\n .modal-lang-switcher {\n position: absolute;\n top: 15px;\n right: 55px;\n display: flex;\n gap: 6px;\n }\n .modal-lang-btn {\n background: transparent;\n border: 1px solid #d4af37;\n border-radius: 30px;\n padding: 4px 12px;\n font-size: 0.7rem;\n font-weight: 600;\n cursor: pointer;\n color: #d4af37;\n transition: all 0.2s;\n }\n .modal-lang-btn.active {\n background: #d4af37;\n color: #1f2c2b;\n }\n .close-modal {\n position: absolute;\n top: 12px;\n right: 18px;\n color: #d4af37;\n font-size: 28px;\n cursor: pointer;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: background 0.2s;\n }\n .close-modal:hover {\n background: rgba(212, 175, 55, 0.1);\n }\n .modal-body {\n padding: 28px 30px 25px;\n }\n .modal-footer {\n background: #fcf9f0;\n padding: 18px;\n text-align: center;\n font-size: 0.7rem;\n color: #6b6359;\n border-top: 1px solid #ede6da;\n }\n .modal-footer strong {\n color: #d4af37;\n display: block;\n margin-bottom: 5px;\n }\n .floating-buttons {\n position: fixed;\n bottom: 25px;\n right: 65px;\n display: flex;\n gap: 15px;\n z-index: 99999;\n }\n .floating-btn {\n background: #d4af37;\n color: #1f2c2b;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n text-decoration: none;\n box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4);\n transition: transform 0.2s;\n cursor: pointer;\n }\n .floating-btn:hover {\n transform: scale(1.1);\n }\n .info-box {\n background: #fcf9f0;\n border-left: 4px solid #d4af37;\n padding: 12px 15px;\n margin-bottom: 20px;\n border-radius: 12px;\n }\n .info-box strong {\n color: #cbaa5c;\n display: block;\n margin-bottom: 6px;\n }\n .info-box p {\n margin-top: 6px;\n font-size: 0.85rem;\n color: #5e5a56;\n }\n @media (max-width: 550px) {\n .magnificat-card {\n padding: 25px 20px;\n }\n .modal-body {\n padding: 22px;\n }\n .floating-buttons {\n bottom: 20px;\n right: 20px;\n gap: 10px;\n }\n .floating-btn {\n width: 48px;\n height: 48px;\n font-size: 20px;\n }\n .global-lang-switcher {\n position: static;\n justify-content: center;\n margin-top: 15px;\n display: inline-flex;\n }\n .newsletter-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n\n\n\n\n<script src=\"\/mailing.js\"><\/script>\n\n\n<script>\n\/\/ ==================== MULTILINGUAL SYSTEM ====================\nwindow.MagnificatLang = {\n current: 'eng', \/\/ 'eng' or 'ita'\n \n \/\/ Complete translations\n translations: {\n eng: {\n \/\/ Header\n headerSubtitle: 'Stay Connected with',\n headerTitle: 'Magnificat Center',\n cardTitle: '\ud83d\udccb Subscribe to our newsletter or manage your subscription',\n cardDesc: 'Add single or multiple emails, or unsubscribe from the list',\n \n \/\/ Widget texts (for MagnificatMail override)\n subscribeTitle: 'Subscribe to Newsletter',\n subscribePlaceholder: 'Your email',\n subscribeButton: 'Subscribe Now',\n bulkTitle: 'Add Multiple Emails',\n bulkPlaceholder: 'Paste multiple emails (separated by commas, spaces, or new lines)',\n bulkButton: 'Add All',\n unsubscribeTitle: 'Cancel Subscription',\n unsubscribePlaceholder: 'Your email',\n unsubscribeButton: 'Send Unsubscribe Link',\n subscribeTab: 'Subscribe',\n bulkTab: 'Bulk Subscribe',\n unsubscribeTab: 'Unsubscribe',\n validEmails: (count) => `${count} valid email(s)`,\n \n \/\/ Subscribe Modal\n subModalTitle: 'Subscribe to Newsletter',\n subInfoTitle: '\ud83d\udce7 Join Our Community',\n subInfoText: 'Subscribe to receive updates, news, and spiritual reflections from Magnificat Center.',\n subFooterText: 'You will receive a confirmation email to verify your subscription<br>We respect your privacy - unsubscribe anytime',\n \n \/\/ Unsubscribe Modal\n unsubModalTitle: 'Manage Your Subscription',\n unsubInfoTitle: '\ud83d\udd10 Secure Unsubscribe',\n unsubInfoText: 'Enter your email to receive the unsubscribe link. You will need to confirm the request from your email.',\n unsubFooterText: 'You will receive an email with the link to unsubscribe<br>No immediate action - check your inbox',\n \n \/\/ Footer\n footerAddress: 'Bijakovici, Medjugorje'\n },\n ita: {\n \/\/ Header\n headerSubtitle: 'Rimani in Contatto con',\n headerTitle: 'Magnificat Center',\n cardTitle: '\ud83d\udccb Iscriviti alla newsletter o gestisci la tua iscrizione',\n cardDesc: 'Aggiungi singole o multiple email, o cancellati dalla lista',\n \n \/\/ Widget texts\n subscribeTitle: 'Iscriviti alla Newsletter',\n subscribePlaceholder: 'La tua email',\n subscribeButton: 'Iscriviti Ora',\n bulkTitle: 'Aggiungi Email Multiple',\n bulkPlaceholder: 'Incolla pi\u00f9 email (separate da virgola, spazio o nuova riga)',\n bulkButton: 'Aggiungi Tutte',\n unsubscribeTitle: 'Cancella Iscrizione',\n unsubscribePlaceholder: 'La tua email',\n unsubscribeButton: 'Invia Link di Cancellazione',\n subscribeTab: 'Iscriviti',\n bulkTab: 'Multiple',\n unsubscribeTab: 'Cancellati',\n validEmails: (count) => `${count} email valide`,\n \n \/\/ Subscribe Modal\n subModalTitle: 'Iscriviti alla Newsletter',\n subInfoTitle: '\ud83d\udce7 Unisciti alla Nostra Comunit\u00e0',\n subInfoText: 'Iscriviti per ricevere aggiornamenti, notizie e riflessioni spirituali dal Magnificat Center.',\n subFooterText: 'Riceverai un\\'email di conferma per verificare la tua iscrizione<br>Rispettiamo la tua privacy - cancellati quando vuoi',\n \n \/\/ Unsubscribe Modal\n unsubModalTitle: 'Gestisci la tua Iscrizione',\n unsubInfoTitle: '\ud83d\udd10 Cancellazione Sicura',\n unsubInfoText: 'Inserisci la tua email per ricevere il link di cancellazione. Dovrai confermare la richiesta dalla tua email.',\n unsubFooterText: 'Riceverai un\\'email con il link per cancellarti<br>Nessuna azione immediata - controlla la tua casella di posta',\n \n \/\/ Footer\n footerAddress: 'Bijakovici, Medjugorje'\n }\n },\n \n \/\/ Helper to get text\n t(key, ...args) {\n let text = this.translations[this.current][key];\n if (typeof text === 'function') {\n return text(...args);\n }\n return text || key;\n },\n \n \/\/ Update all UI text dynamically\n updateUI() {\n \/\/ Update header\n const headerSubtitle = document.querySelector('.newsletter-header h2');\n const headerTitle = document.querySelector('.newsletter-header h1');\n const cardTitle = document.querySelector('.magnificat-title');\n const cardDesc = document.querySelector('.magnificat-desc');\n const footerAddress = document.querySelectorAll('.modal-footer, .magnificat-card .modal-footer');\n \n if (headerSubtitle) headerSubtitle.textContent = this.t('headerSubtitle');\n if (headerTitle) headerTitle.textContent = this.t('headerTitle');\n if (cardTitle) cardTitle.innerHTML = this.t('cardTitle');\n if (cardDesc) cardDesc.textContent = this.t('cardDesc');\n \n \/\/ Update modal static texts (non-widget parts)\n const subModalTitle = document.querySelector('#subscribeModal .modal-header h3');\n const subInfoStrong = document.querySelector('#subscribeModal .info-box strong');\n const subInfoP = document.querySelector('#subscribeModal .info-box p');\n const subFooterText = document.querySelector('#subscribeModal .modal-body > p');\n \n const unsubModalTitle = document.querySelector('#unsubscribeModal .modal-header h3');\n const unsubInfoStrong = document.querySelector('#unsubscribeModal .info-box strong');\n const unsubInfoP = document.querySelector('#unsubscribeModal .info-box p');\n const unsubFooterText = document.querySelector('#unsubscribeModal .modal-body > p');\n \n if (subModalTitle) subModalTitle.textContent = this.t('subModalTitle');\n if (subInfoStrong) subInfoStrong.innerHTML = this.t('subInfoTitle');\n if (subInfoP) subInfoP.textContent = this.t('subInfoText');\n if (subFooterText) subFooterText.innerHTML = this.t('subFooterText');\n \n if (unsubModalTitle) unsubModalTitle.textContent = this.t('unsubModalTitle');\n if (unsubInfoStrong) unsubInfoStrong.innerHTML = this.t('unsubInfoTitle');\n if (unsubInfoP) unsubInfoP.textContent = this.t('unsubInfoText');\n if (unsubFooterText) unsubFooterText.innerHTML = this.t('unsubFooterText');\n \n \/\/ Update footer addresses in modals\n document.querySelectorAll('.modal-footer').forEach(footer => {\n const addrSpan = footer.querySelector('span');\n if (addrSpan && addrSpan.textContent === 'MAGNIFICAT CENTER') {\n \/\/ Keep the title, update address line\n const lines = footer.innerHTML.split('<br>');\n if (lines.length >= 2) {\n footer.innerHTML = `<strong>MAGNIFICAT CENTER<\/strong><br>${this.t('footerAddress')}<br>${lines[2] || ''}`;\n }\n }\n });\n \n \/\/ Update global language switcher active state\n document.querySelectorAll('.global-lang-btn').forEach(btn => {\n if (btn.getAttribute('data-lang') === this.current) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n \n \/\/ Trigger MagnificatMail language override\n this.overrideMagnificatMail();\n },\n \n \/\/ Override MagnificatMail widgets with current language\n overrideMagnificatMail() {\n if (!window.MagnificatMail) {\n setTimeout(() => this.overrideMagnificatMail(), 100);\n return;\n }\n \n const t = this.translations[this.current];\n \n \/\/ Store original methods if not already stored\n if (!window._originalMagnificatMailMethods) {\n window._originalMagnificatMailMethods = {\n subscribe: MagnificatMail.createSubscribeWidget,\n bulk: MagnificatMail.createBulkWidget,\n unsubscribe: MagnificatMail.createUnsubscribeWidget,\n combined: MagnificatMail.createCombinedWidget\n };\n }\n \n \/\/ Override Subscribe Widget\n MagnificatMail.createSubscribeWidget = function(container, options = {}) {\n options.title = t.subscribeTitle;\n options.placeholder = t.subscribePlaceholder;\n options.buttonText = t.subscribeButton;\n return window._originalMagnificatMailMethods.subscribe.call(this, container, options);\n };\n \n \/\/ Override Bulk Widget\n MagnificatMail.createBulkWidget = function(container, options = {}) {\n options.title = t.bulkTitle;\n options.placeholder = t.bulkPlaceholder;\n options.buttonText = t.bulkButton;\n const result = window._originalMagnificatMailMethods.bulk.call(this, container, options);\n \/\/ Update count text after creation\n setTimeout(() => {\n const countSpan = container.querySelector('.magnificat-count');\n if (countSpan && countSpan.textContent.match(\/\\d+\/)) {\n const count = parseInt(countSpan.textContent) || 0;\n countSpan.textContent = t.validEmails(count);\n }\n }, 50);\n return result;\n };\n \n \/\/ Override Unsubscribe Widget\n MagnificatMail.createUnsubscribeWidget = function(container, options = {}) {\n options.title = t.unsubscribeTitle;\n options.description = t.unsubscribeTitle;\n options.placeholder = t.unsubscribePlaceholder;\n options.buttonText = t.unsubscribeButton;\n return window._originalMagnificatMailMethods.unsubscribe.call(this, container, options);\n };\n \n \/\/ Override Combined Widget\n MagnificatMail.createCombinedWidget = function(container, options = {}) {\n options.subscribeText = t.subscribeTab;\n options.bulkText = t.bulkTab;\n options.unsubscribeText = t.unsubscribeTab;\n return window._originalMagnificatMailMethods.combined.call(this, container, options);\n };\n \n \/\/ Reinitialize widgets\n if (MagnificatMail.init) {\n MagnificatMail.init();\n }\n },\n \n \/\/ Switch language\n setLanguage(lang) {\n if (lang === this.current) return;\n this.current = lang;\n this.updateUI();\n console.log(`\ud83c\udf10 Language switched to: ${lang === 'eng' ? 'English' : 'Italiano'}`);\n }\n};\n\n\/\/ Initialize language system when DOM ready\ndocument.addEventListener('DOMContentLoaded', () => {\n \/\/ Create global language switcher buttons in header\n const header = document.querySelector('.newsletter-header');\n if (header && !document.querySelector('.global-lang-switcher')) {\n const switcher = document.createElement('div');\n switcher.className = 'global-lang-switcher';\n switcher.innerHTML = `\n <button class=\"global-lang-btn\" data-lang=\"eng\">ENG<\/button>\n <button class=\"global-lang-btn\" data-lang=\"ita\">ITA<\/button>\n `;\n header.appendChild(switcher);\n \n \/\/ Add event listeners\n switcher.querySelectorAll('.global-lang-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n MagnificatLang.setLanguage(btn.getAttribute('data-lang'));\n });\n });\n }\n \n \/\/ Create modal language switchers\n const subscribeModalHeader = document.querySelector('#subscribeModal .modal-header');\n const unsubscribeModalHeader = document.querySelector('#unsubscribeModal .modal-header');\n \n function addModalSwitcher(modalHeader, modalId) {\n if (modalHeader && !modalHeader.querySelector('.modal-lang-switcher')) {\n const switcher = document.createElement('div');\n switcher.className = 'modal-lang-switcher';\n switcher.innerHTML = `\n <button class=\"modal-lang-btn\" data-lang=\"eng\">ENG<\/button>\n <button class=\"modal-lang-btn\" data-lang=\"ita\">ITA<\/button>\n `;\n modalHeader.appendChild(switcher);\n \n switcher.querySelectorAll('.modal-lang-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n e.stopPropagation();\n MagnificatLang.setLanguage(btn.getAttribute('data-lang'));\n });\n });\n }\n }\n \n addModalSwitcher(subscribeModalHeader, 'subscribe');\n addModalSwitcher(unsubscribeModalHeader, 'unsubscribe');\n \n \/\/ Initial UI update\n MagnificatLang.updateUI();\n});\n<\/script>\n\n\n<style>\n .magnificat-card input, .magnificat-card textarea,\n .modal-body input, .modal-body textarea {\n width: 100%;\n padding: 14px 20px;\n border: 1px solid #e2dbd0;\n border-radius: 60px;\n font-size: 0.9rem;\n margin-bottom: 16px;\n outline: none;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-card textarea, .modal-body textarea {\n border-radius: 24px;\n resize: vertical;\n }\n .magnificat-card button, .modal-body button {\n background: #d4af37;\n border: none;\n padding: 14px 24px;\n border-radius: 60px;\n font-weight: 700;\n font-size: 0.85rem;\n letter-spacing: 1px;\n color: #1f2c2b;\n cursor: pointer;\n width: 100%;\n font-family: 'Inter', sans-serif;\n }\n .magnificat-card button:hover, .modal-body button:hover {\n background: #c29f2e;\n transform: translateY(-2px);\n }\n<\/style>\n\n\n<div class=\"magnificat-newsletter-section\">\n <div class=\"newsletter-header\">\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h2>Stay Connected with<\/h2>\n <h1>Magnificat Center<\/h1>\n <\/div>\n \n <div class=\"magnificat-card\">\n <div class=\"magnificat-title\">\ud83d\udccb Subscribe to our newsletter or manage your subscription<\/div>\n <div class=\"magnificat-desc\">Add single or multiple emails, or unsubscribe from the list<\/div>\n <div data-magnificat-widget=\"combined\" id=\"combinedWidgetContainer\"><\/div>\n <\/div>\n<\/div>\n\n\n\n<div id=\"subscribeModal\" class=\"modal-overlay\">\n <div class=\"modal-container\">\n <div class=\"modal-header\">\n <span class=\"close-modal\" data-modal=\"subscribe\">×<\/span>\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h3>Subscribe to Newsletter<\/h3>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"info-box\">\n <strong>\ud83d\udce7 Join Our Community<\/strong>\n <p>Subscribe to receive updates, news, and spiritual reflections from Magnificat Center.<\/p>\n <\/div>\n <div data-magnificat-widget=\"subscribe\" id=\"subscribeModalWidget\"><\/div>\n <p style=\"text-align:center; margin-top:18px; font-size:0.7rem; color:#9b958c;\">You will receive a confirmation email to verify your subscription<br>We respect your privacy – unsubscribe anytime<\/p>\n <\/div>\n <div class=\"modal-footer\">\n <strong>MAGNIFICAT CENTER<\/strong><br>\n Bijakovici, Medjugorje<br>\n <a href=\"mailto:info@magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">info@magnificat.center<\/a> | \n <a href=\"https:\/\/www.magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">www.magnificat.center<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"unsubscribeModal\" class=\"modal-overlay\">\n <div class=\"modal-container\">\n <div class=\"modal-header\">\n <span class=\"close-modal\" data-modal=\"unsubscribe\">×<\/span>\n <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\" alt=\"Magnificat Center\">\n <h3>Manage Your Subscription<\/h3>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"info-box\">\n <strong>\ud83d\udd10 Secure Unsubscribe<\/strong>\n <p>Enter your email to receive the unsubscribe link. You will need to confirm the request from your email.<\/p>\n <\/div>\n <div data-magnificat-widget=\"unsubscribe\" id=\"unsubscribeModalWidget\"><\/div>\n <p style=\"text-align:center; margin-top:18px; font-size:0.7rem; color:#9b958c;\">You will receive an email with the link to unsubscribe<br>No immediate action – check your inbox<\/p>\n <\/div>\n <div class=\"modal-footer\">\n <strong>MAGNIFICAT CENTER<\/strong><br>\n Bijakovici, Medjugorje<br>\n <a href=\"mailto:info@magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">info@magnificat.center<\/a> | \n <a href=\"https:\/\/www.magnificat.center\" style=\"color:#d4af37; text-decoration:none;\">www.magnificat.center<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n const subscribeModal = document.getElementById('subscribeModal');\n const unsubscribeModal = document.getElementById('unsubscribeModal');\n \n function openModal(modal) {\n if (!modal) return;\n modal.style.display = 'flex';\n modal.style.visibility = 'visible';\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n \n function closeModal(modal) {\n if (!modal) return;\n modal.classList.remove('show');\n modal.style.display = 'none';\n modal.style.visibility = 'hidden';\n document.body.style.overflow = '';\n }\n \n document.querySelectorAll('.close-modal').forEach(btn => {\n btn.addEventListener('click', () => {\n const modalId = btn.getAttribute('data-modal');\n if (modalId === 'subscribe') closeModal(subscribeModal);\n if (modalId === 'unsubscribe') closeModal(unsubscribeModal);\n });\n });\n \n window.addEventListener('click', (e) => {\n if (e.target === subscribeModal) closeModal(subscribeModal);\n if (e.target === unsubscribeModal) closeModal(unsubscribeModal);\n });\n \n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n if (subscribeModal.classList.contains('show')) closeModal(subscribeModal);\n if (unsubscribeModal.classList.contains('show')) closeModal(unsubscribeModal);\n }\n });\n\n\n(function() {\n \/\/ Function to open modal by ID\n function openModal(modalId) {\n var modal = document.getElementById(modalId);\n if (modal) {\n modal.style.display = 'flex';\n modal.style.visibility = 'visible';\n modal.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n }\n\n \/\/ Check URL hash on page load\n function checkHashAndOpenModal() {\n var hash = window.location.hash;\n if (hash === '#subscribe') {\n openModal('subscribeModal');\n \/\/ Remove hash from URL without reloading page\n history.pushState('', document.title, window.location.pathname);\n } else if (hash === '#unsubscribe') {\n openModal('unsubscribeModal');\n history.pushState('', document.title, window.location.pathname);\n }\n }\n\n \/\/ Run on initial load\n checkHashAndOpenModal();\n\n \/\/ Also listen for hash changes (if user manually changes URL while on page)\n window.addEventListener('hashchange', function() {\n var hash = window.location.hash;\n if (hash === '#subscribe') {\n openModal('subscribeModal');\n history.pushState('', document.title, window.location.pathname);\n } else if (hash === '#unsubscribe') {\n openModal('unsubscribeModal');\n history.pushState('', document.title, window.location.pathname);\n }\n });\n})();\n\n \n document.getElementById('fabSubscribeModal').addEventListener('click', (e) => {\n e.preventDefault();\n openModal(subscribeModal);\n history.pushState('', document.title, window.location.pathname);\n });\n \n document.getElementById('fabUnsubscribeModal').addEventListener('click', (e) => {\n e.preventDefault();\n openModal(unsubscribeModal);\n history.pushState('', document.title, window.location.pathname);\n });\n \n function checkHash() {\n const hash = window.location.hash;\n if (hash === '#subscribe') openModal(subscribeModal);\n else if (hash === '#unsubscribe') openModal(unsubscribeModal);\n if (hash) setTimeout(() => history.pushState('', document.title, window.location.pathname), 10);\n }\n \n window.addEventListener('hashchange', checkHash);\n checkHash();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Magnificat Center | Welcome – Full Width Experience MAGNIFICAT CENTER Welcome to MAGNIFICAT This project came to life a few years ago, when in the heart of Marija, the desire to create a space where the messages of the Queen of Peace could be lived and spread was born. It is born as a house […]<\/p>\n","protected":false},"author":1,"featured_media":15283,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12260","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12260"}],"version-history":[{"count":47,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260\/revisions"}],"predecessor-version":[{"id":16410,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12260\/revisions\/16410"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/media\/15283"}],"wp:attachment":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}