:root {
/* Brand Traube — verde-padure rafinat + bordo wine + auriu Saxon */
--vm-primary: #2d5a3f;
--vm-primary-d: #1f4d35;
--vm-primary-darker: #0a3219;
--vm-accent: #7a1d4a;
--vm-accent-d: #5a153a;
--vm-gold: #c89b4a;
--vm-gold-d: #a87f35;
--vm-text: #3d2e1f;
--vm-text-l: #6b5440;
--vm-bg: #f7f3ec;
--vm-bg-alt: #ede5d4;
--vm-bg-subtle: #e8dfca;
--vm-dark: #0a3219;
--vm-white: #ffffff;
/* RGB pentru rgba() helpers */
--vm-primary-rgb: 45, 90, 63;
--vm-accent-rgb: 122, 29, 74;
--vm-gold-rgb: 200, 155, 74;
--vm-text-rgb: 61, 46, 31;
--vm-dark-rgb: 10, 50, 25;
}
/* Astra global colors remap → brand Traube */
:root, body {
--ast-global-color-0: var(--vm-primary);
--ast-global-color-1: var(--vm-primary-d);
--ast-global-color-2: var(--vm-text);
--ast-global-color-3: var(--vm-text-l);
--ast-global-color-4: var(--vm-white);
--ast-global-color-5: var(--vm-bg);
--ast-global-color-8: var(--vm-bg-alt);
}
/* Fallback font metric-matched ca sa nu avem CLS */
@font-face {
font-family: 'Heading Fallback';
src: local('Georgia');
size-adjust: 105%;
ascent-override: 92%;
descent-override: 31%;
}
@font-face {
font-family: 'Body Fallback';
src: local('Arial');
size-adjust: 107%;
ascent-override: 90%;
}
body, p, li, button, input, textarea, select,
.wp-block-button__link, .ast-button,
.entry-content :where(p, li, td, blockquote),
.uagb-desc-text, .uagb-ifb-desc {
font-family: 'Inter', 'Body Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
color: var(--vm-text);
}
h1, h2, h3, h4,
.uagb-heading-text, .uagb-ifb-title,
.entry-title, .site-title,
.entry-content :where(h1, h2, h3, h4) {
font-family: 'Playfair Display', 'Heading Fallback', Georgia, 'Times New Roman', serif !important;
color: var(--vm-text);
letter-spacing: -0.005em;
}
h5, h6 {
font-family: 'Inter', 'Body Fallback', -apple-system, sans-serif !important;
}
h1 { font-weight: 700; line-height: 1.1; }
h2 { font-weight: 600; line-height: 1.2; }
h3, h4 { font-weight: 600; line-height: 1.3; }
h5 { font-weight: 600; line-height: 1.4; }
h6 { font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; color: var(--vm-text-l); }
/* Eyebrow style helper (.vm-eyebrow class pe element) */
.vm-eyebrow {
font-family: 'Inter', sans-serif !important;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--vm-accent);
margin-bottom: 12px;
display: inline-block;
}
/* Fix Astra .ast-container flex pe ast-no-sidebar — pastreaza block flow pentru injectii la astra_content_top */
body.ast-no-sidebar .site-content > .ast-container {
display: block !important;
}
/* Hide duplicate entry-header pe pagini cu hero Spectra deja in continut */
body.ast-page-builder-template .entry-header:not(.ast-no-title):not(.ast-header-without-markup) {
display: none !important;
}
body.ast-page-builder-template #primary {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Logo limitat */
.site-header img.custom-logo,
.site-header .ast-builder-header-logo img {
max-height: 56px !important;
width: auto !important;
}
/* Site title font + culoare */
.site-header .site-title,
.site-header .site-title a {
font-family: 'Playfair Display', Georgia, serif !important;
font-weight: 700 !important;
font-size: 24px !important;
letter-spacing: -0.005em !important;
color: var(--vm-primary-darker) !important;
}
/* Menu items typography */
.site-header .menu-item > a,
.site-header .menu-link {
font-family: 'Inter', sans-serif !important;
font-weight: 500 !important;
font-size: 15px !important;
letter-spacing: 0.005em !important;
}
/* Hover state pe menu */
.site-header .menu-item:hover > .menu-link,
.site-header .menu-link:hover,
.site-header .menu-item.current-menu-item > .menu-link {
color: var(--vm-accent) !important;
}
/* Buton CTA in header — gold cu text dark, autenticitate Saxon */
.site-header .ast-button, .site-header .ast-custom-button,
.site-header .wp-block-button__link {
background-color: var(--vm-gold) !important;
color: var(--vm-primary-darker) !important;
border-color: var(--vm-gold) !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
border-radius: 4px !important;
}
.site-header .ast-button:hover, .site-header .ast-custom-button:hover,
.site-header .wp-block-button__link:hover {
background-color: var(--vm-gold-d) !important;
border-color: var(--vm-gold-d) !important;
}
/* Dedup buton Astra HFB (emite menu-link gol pe langa custom-button) */
.site-header .ast-builder-button-wrap a.menu-link:not(.ast-custom-button-link),
.site-header [data-section="section-hb-button-1"] a.menu-link:not(.ast-custom-button-link) {
display: none !important;
}
/* Fix bg-attachment fixed pe mobile (iOS bug) */
[class^="uagb-block-"][class*="hero"] {
background-attachment: scroll !important;
}
/* Body background warm cream cu o textura subtila prin gradient */
body {
background-color: var(--vm-bg) !important;
}
/* ============================================================
VM TRAUBE — Components stylesheet
Prefix vm-* pentru izolare. Folosește variabilele din Layout 01.
============================================================ */
/* Generic utilities */
.vm-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.vm-section { padding: 80px 0; }
.vm-section-sm { padding: 48px 0; }
.vm-text-center { text-align: center; }
.vm-mt-0 { margin-top: 0 !important; }
.vm-mb-0 { margin-bottom: 0 !important; }
/* Section eyebrow + title pattern */
.vm-section-header { text-align: center; max-width: 720px; margin: 0 auto 56px; }
.vm-section-header .vm-eyebrow { color: var(--vm-accent); }
.vm-section-header h2 { margin: 8px 0 16px; }
.vm-section-header p { color: var(--vm-text-l); font-size: 17px; line-height: 1.6; }
/* ============================================================
ROOM CARDS (.vm-room-card + .vm-camere-grid)
Used on: /camere/ index, /acasa/ rooms section
============================================================ */
.vm-camere-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin: 40px 0;
}
@media (max-width: 920px) { .vm-camere-grid { grid-template-columns: 1fr; gap: 24px; } }
.vm-room-card {
background: var(--vm-white);
border: 1px solid rgba(var(--vm-text-rgb), 0.08);
border-radius: 6px;
overflow: hidden;
transition: all .35s cubic-bezier(.2,.8,.2,1);
display: flex;
flex-direction: column;
}
.vm-room-card:hover {
transform: translateY(-4px);
border-color: var(--vm-gold);
box-shadow: 0 16px 36px rgba(0,0,0,0.10);
}
.vm-room-card-image { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--vm-bg-alt); }
.vm-room-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.vm-room-card:hover .vm-room-card-image img { transform: scale(1.05); }
.vm-room-card-body { padding: 24px 24px 28px; flex: 1; display: flex; flex-direction: column; }
.vm-room-card-body h3 { margin: 0 0 8px; font-size: 22px; }
.vm-room-card-meta { color: var(--vm-text-l); font-size: 14px; margin-bottom: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
.vm-room-card-meta span:not(:last-child)::after { content: "·"; margin-left: 12px; color: var(--vm-text-l); }
.vm-room-card-desc { color: var(--vm-text-l); font-size: 15px; line-height: 1.6; margin-bottom: 20px; flex: 1; }
.vm-room-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(var(--vm-text-rgb), 0.08); }
.vm-room-card-price { font-size: 18px; font-weight: 600; color: var(--vm-primary); font-family: 'Playfair Display', serif; }
.vm-room-card-price small { font-size: 13px; color: var(--vm-text-l); font-weight: 400; font-family: 'Inter', sans-serif; }
.vm-room-card-cta { font-size: 14px; font-weight: 600; color: var(--vm-primary); text-decoration: none; }
.vm-room-card-cta:hover { color: var(--vm-accent); }
.vm-room-card-cta::after { content: " →"; transition: transform .3s; display: inline-block; }
.vm-room-card-cta:hover::after { transform: translateX(4px); }
/* ============================================================
ROOM STATS GRID (single room pages)
============================================================ */
.vm-room-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin: 40px 0;
background: var(--vm-bg-alt);
border-radius: 6px;
padding: 32px;
}
@media (max-width: 640px) { .vm-room-stats { grid-template-columns: repeat(2, 1fr); padding: 24px; } }
.vm-room-stat { text-align: center; }
.vm-room-stat-icon { font-size: 32px; margin-bottom: 8px; color: var(--vm-primary); }
.vm-room-stat-value { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: var(--vm-text); }
.vm-room-stat-label { font-size: 13px; color: var(--vm-text-l); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 4px; }
/* ============================================================
CELLAR / CRAMA CARD (Traube-specific — wine cellar)
============================================================ */
.vm-cellar-feature {
background: linear-gradient(135deg, rgba(var(--vm-accent-rgb), 0.04) 0%, rgba(var(--vm-primary-rgb), 0.04) 100%);
border-left: 4px solid var(--vm-accent);
border-radius: 4px;
padding: 32px;
margin: 32px 0;
}
.vm-cellar-feature .vm-eyebrow { color: var(--vm-accent); }
.vm-cellar-feature h3 { margin: 0 0 12px; }
.vm-cellar-feature p { margin: 0; color: var(--vm-text); }
/* ============================================================
POI CARDS (.vm-poi-card + .vm-poi-grid) — Mediaș obiective
============================================================ */
.vm-poi-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 40px 0;
}
@media (max-width: 920px) { .vm-poi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .vm-poi-grid { grid-template-columns: 1fr; } }
.vm-poi-card {
background: var(--vm-white);
border: 1px solid rgba(var(--vm-text-rgb), 0.08);
border-radius: 6px;
padding: 24px;
transition: all .35s cubic-bezier(.2,.8,.2,1);
}
.vm-poi-card:hover {
transform: translateY(-3px);
border-color: var(--vm-gold);
box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}
.vm-poi-card-distance { font-size: 12px; font-weight: 600; color: var(--vm-accent); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.vm-poi-card h4 { margin: 0 0 12px; font-size: 18px; }
.vm-poi-card p { margin: 0; font-size: 14px; color: var(--vm-text-l); line-height: 1.6; }
/* ============================================================
TIMELINE (history)
============================================================ */
.vm-timeline { position: relative; max-width: 800px; margin: 40px auto; padding: 20px 0; }
.vm-timeline::before {
content: "";
position: absolute;
left: 30px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, var(--vm-gold) 0%, var(--vm-primary) 50%, var(--vm-accent) 100%);
}
.vm-timeline-item {
position: relative;
padding: 0 0 40px 80px;
}
.vm-timeline-item::before {
content: "";
position: absolute;
left: 22px;
top: 8px;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--vm-gold);
border: 3px solid var(--vm-bg);
box-shadow: 0 0 0 2px var(--vm-primary);
}
.vm-timeline-year {
font-family: 'Playfair Display', serif;
font-size: 28px;
font-weight: 700;
color: var(--vm-primary);
line-height: 1;
margin-bottom: 8px;
}
.vm-timeline-title { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: var(--vm-text); margin: 0 0 6px; }
.vm-timeline-text { color: var(--vm-text-l); font-size: 15px; line-height: 1.6; margin: 0; }
/* ============================================================
TESTIMONIAL CARDS
============================================================ */
.vm-testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin: 40px 0;
}
@media (max-width: 920px) { .vm-testimonial-grid { grid-template-columns: 1fr; } }
.vm-testimonial {
background: var(--vm-white);
border-radius: 6px;
padding: 32px 28px;
position: relative;
border-top: 3px solid var(--vm-gold);
box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}
.vm-testimonial::before {
content: "”";
position: absolute;
top: 8px;
right: 24px;
font-family: 'Playfair Display', serif;
font-size: 80px;
line-height: 1;
color: rgba(var(--vm-primary-rgb), 0.08);
}
.vm-testimonial-text { font-style: italic; color: var(--vm-text); margin: 0 0 20px; font-size: 16px; line-height: 1.7; }
.vm-testimonial-meta { display: flex; align-items: center; gap: 12px; }
.vm-testimonial-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--vm-primary); color: var(--vm-white); display: grid; place-items: center; font-weight: 600; font-family: 'Playfair Display', serif; }
.vm-testimonial-author { font-weight: 600; color: var(--vm-text); font-size: 14px; }
.vm-testimonial-source { font-size: 12px; color: var(--vm-text-l); }
/* ============================================================
CTA STRIP (verde gradient, full width)
============================================================ */
.vm-cta-strip {
background: linear-gradient(135deg, var(--vm-primary) 0%, var(--vm-primary-d) 100%);
color: var(--vm-white);
padding: 48px 24px;
text-align: center;
}
.vm-cta-strip-inner { max-width: 800px; margin: 0 auto; }
.vm-cta-strip h2, .vm-cta-strip h3 { color: var(--vm-white); margin: 0 0 12px; }
.vm-cta-strip p { color: rgba(255,255,255,0.85); margin: 0 0 24px; font-size: 17px; }
.vm-cta-strip a.vm-cta-btn {
display: inline-block;
background: var(--vm-gold);
color: var(--vm-primary-darker);
padding: 14px 32px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.02em;
transition: all .3s;
}
.vm-cta-strip a.vm-cta-btn:hover {
background: var(--vm-white);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
/* ============================================================
RATING BANNER (homepage strip)
============================================================ */
.vm-rating-banner {
background: var(--vm-bg-alt);
border-bottom: 1px solid rgba(var(--vm-text-rgb), 0.06);
padding: 14px 24px;
text-align: center;
}
.vm-rating-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
font-size: 14px;
}
.vm-rating-item { display: inline-flex; align-items: center; gap: 8px; }
.vm-rating-stars { color: var(--vm-gold); font-size: 16px; letter-spacing: 1px; }
.vm-rating-score { font-family: 'Playfair Display', serif; font-weight: 600; color: var(--vm-primary-darker); }
.vm-rating-source { color: var(--vm-text-l); font-size: 13px; }
/* ============================================================
GALLERY GRID
============================================================ */
.vm-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; }
@media (max-width: 920px) { .vm-gallery-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .vm-gallery-grid { grid-template-columns: 1fr; } }
.vm-gallery-item { aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; }
.vm-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.vm-gallery-item:hover img { transform: scale(1.05); }
/* ============================================================
FAQ ACCORDION (native details/summary)
============================================================ */
.vm-faq { max-width: 800px; margin: 32px auto; }
.vm-faq details {
background: var(--vm-white);
border: 1px solid rgba(var(--vm-text-rgb), 0.08);
border-radius: 4px;
margin-bottom: 12px;
padding: 0;
overflow: hidden;
}
.vm-faq details[open] { border-color: var(--vm-gold); }
.vm-faq summary {
padding: 20px 24px;
font-weight: 600;
cursor: pointer;
list-style: none;
position: relative;
font-family: 'Playfair Display', serif;
font-size: 17px;
color: var(--vm-text);
padding-right: 50px;
}
.vm-faq summary::-webkit-details-marker { display: none; }
.vm-faq summary::after {
content: "+";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: var(--vm-primary);
font-weight: 300;
transition: transform .3s;
}
.vm-faq details[open] summary::after { content: "−"; }
.vm-faq-body { padding: 0 24px 20px; color: var(--vm-text-l); line-height: 1.7; }
.vm-faq-body p:first-child { margin-top: 0; }
.vm-faq-body p:last-child { margin-bottom: 0; }
/* ============================================================
THREE-PILLARS GRID (homepage)
============================================================ */
.vm-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 40px 0; }
@media (max-width: 920px) { .vm-pillars-grid { grid-template-columns: 1fr; } }
.vm-pillar { text-align: center; padding: 32px 24px; background: var(--vm-white); border-radius: 6px; border: 1px solid rgba(var(--vm-text-rgb), 0.06); }
.vm-pillar-icon { width: 60px; height: 60px; margin: 0 auto 20px; background: var(--vm-primary); color: var(--vm-gold); border-radius: 50%; display: grid; place-items: center; font-size: 28px; }
.vm-pillar h3 { margin: 0 0 12px; font-size: 20px; }
.vm-pillar p { margin: 0; color: var(--vm-text-l); font-size: 15px; line-height: 1.7; }
/* ============================================================
BLOCKQUOTE — stilizat heritage pentru citate George Togan
============================================================ */
.entry-content blockquote, .vm-quote {
background: var(--vm-bg-alt);
border-left: 4px solid var(--vm-gold);
padding: 28px 32px;
margin: 32px 0;
font-family: 'Playfair Display', serif;
font-size: 19px;
font-style: italic;
line-height: 1.6;
color: var(--vm-text);
position: relative;
}
.entry-content blockquote cite, .vm-quote-cite {
display: block;
margin-top: 16px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 600;
color: var(--vm-accent);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.entry-content blockquote cite::before, .vm-quote-cite::before { content: "— "; }
{
"@context": "https://schema.org",
"@type": ["Hotel", "LodgingBusiness", "LocalBusiness"],
"@id": "https://traube.getvizual.ro/#hotel",
"name": "Hotel Traube Mediaș",
"alternateName": ["Hotel Strugure", "Traube"],
"description": "Clădire-monument din ~1800 în centrul istoric al Mediașului. 15 camere de inspirație săsească, restaurant, cramă cu somelieri și grădină de vară. Rezervări directe fără comision.",
"url": "https://traube.getvizual.ro",
"telephone": "+40369434010",
"email": "office@hoteltraube.ro",
"image": [
"https://traube.getvizual.ro/wp-content/uploads/traube-hero-fatada.jpg"
],
"priceRange": "$$",
"currenciesAccepted": "RON, EUR",
"paymentAccepted": "Cash, Credit Card",
"address": {
"@type": "PostalAddress",
"streetAddress": "Piața Regelui Ferdinand I, nr. 16",
"addressLocality": "Mediaș",
"addressRegion": "Sibiu",
"postalCode": "551002",
"addressCountry": "RO"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "46.164072",
"longitude": "24.350107"
},
"checkinTime": "14:00",
"checkoutTime": "11:00",
"numberOfRooms": 15,
"starRating": {
"@type": "Rating",
"ratingValue": "3",
"bestRating": "5"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "9.2",
"bestRating": "10",
"reviewCount": "200"
},
"amenityFeature": [
{"@type": "LocationFeatureSpecification", "name": "Free WiFi", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Restaurant", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Bar", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Wine cellar", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Conference room", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Pets allowed", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Garden", "value": true},
{"@type": "LocationFeatureSpecification", "name": "Satellite TV", "value": true}
],
"petsAllowed": true,
"sameAs": [
"https://www.facebook.com/331531243624299",
"https://hotel-traube-9.pynbooking.direct/"
],
"founder": {
"@type": "Person",
"name": "Daniel Kartmann"
},
"foundingDate": "1925-09-23"
}
/* High-specificity override pentru sub-menu — in paleta noastra, default Astra inheriteaza --ast-global-color-3 (text-light) care e maro-light si apare faded pe alb */
html body .site-header .sub-menu,
html body .site-header ul.sub-menu,
html body .site-header .menu-item .sub-menu {
background: var(--vm-white, #ffffff) !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: 4px !important;
box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important;
padding: 8px 0 !important;
}
html body .site-header .sub-menu li > a,
html body .site-header ul.sub-menu li > a,
html body .site-header .sub-menu .menu-item > a {
color: var(--vm-text, #3d2e1f) !important;
font-weight: 500 !important;
font-size: 14px !important;
padding: 10px 18px !important;
background: transparent !important;
transition: all .2s !important;
}
html body .site-header .sub-menu li > a:hover,
html body .site-header .sub-menu .menu-item:hover > a,
html body .site-header .sub-menu .current-menu-item > a {
color: var(--vm-primary, #2d5a3f) !important;
background: var(--vm-bg-alt, #ede5d4) !important;
}
Skip to content
/* Show doar pe homepage */
body:not(.home) .vm-rating-banner { display: none !important; }
.vm-rating-banner { margin: 0 !important; }
★★★★★
9.2/10
Booking.com
★★★
Hotel 3 stele
clasificare oficială
Recomandat
pentru călători de afaceri
welcome to
Sea Scape Hotel San Fransisco
Gravida maecenas mi iaculis non, posuere mattis urna, ac risus sit porta nunc nibh dictum proin leo dolor sed bibendum mi vitae mattis ipsum, in odio vitae purus pellentesque integer at ac.
Get Comfy in The Near of San Fransisco shoreline
Purus mattis massa, ut nulla eu facilisi nascetur eu risus sed dolor auctor arcu turpis elementum, nam venenatis nibh fusce pellentesque habitant donec consequat.
Cursus tempus, tincidunt quis sem sapien id non eget sed in consequat tellus phasellus orci in semper elit porttitor eget metus, aliquet egestas aliquet erat congue eget urna diam, tellus at leo, enim eu enim, in nisl, facilisi volutpat lacus.
Facilities Interdum curabitur platea turpis orci auctor in scelerisque ac ut eleifend at at leo laoreet at ut semper eget laoreet vestibulum a elementum nec
Alcatraz Island Ornare accumsan congue nunc id facilisis tincidunt ridiculus congue consequat ultrices in mollis netus pellentesque lectus.
Fisherman’s Wharf Augue donec sit vestibulum amet luctus cras sagittis, ac rutrum tincidunt accumsan at posuere urna.
Golden Gate Park Suspendisse at sodales morbi urna, ut diam dignissim ante tellus vitae venenatis maecenas nullam pretium mattis.
Queen Wilhelmina Tulip Garden Placerat vel laoreet purus, mattis id neque convallis nunc, tincidunt massa at.
Ocean Beach Risus facilisis porttitor lacus venenatis felis scelerisque lorem ut cras mi venenatis viverra diam sed dui.
Dutch Windmill Neque ut et velit dictum molestie at pellentesque aliquet magna ut tincidunt ullamcorper mauris mi et.
Stay 3 Nights & Save! Amet elementum vitae ultrices accumsan est nunc, ut mattis enim leo sed dolor ultrices habitant lacus auctor lectus sagittis.
Mobile Only Discount Dolor rhoncus malesuada amet, purus mollis adipiscing sit bibendum in odio a, iaculis eget dui odio mi, dictumst sem viverra.
What Our Guests Say Neque ut et velit dictum molestie at pellentesque aliquet magna ut tincidunt ullamcorper mauris mi et.
“Pharetra ut commodo dui at consequat, vitae imperdiet id quisque faucibus erat erat nulla a amet.”
“Proin vestibulum ultrices semper arcu facilisis vitae ultrices!”
„Proin nulla mauris et volutpat adipiscing suspendisse vehicula blandit sagittis orci etiam morbi elit etiam semper eu lacus pretium hac nisl leo amet ullamcorper.”
“Pharetra ut commodo dui at consequat, vitae imperdiet id quisque faucibus erat erat nulla a amet.”
Some hotel features, including vitae, varius ipsum ultrices adipiscing senectus turpis non due to COVID-19.
HOTEL RESERVATION
Extra Perks When You Book Directly With Us
CALL US NOW:
/* Hide Astra default footer complet ca sa-l inlocuim cu al nostru */
.site-footer, .ast-footer-overlay, .site-below-footer-wrap,
.footer-sml-section-1, .footer-sml-section-2,
.site-primary-footer-section-1, .site-primary-footer-section-2,
.site-primary-footer-section-3, .site-primary-footer-section-4,
.site-primary-footer-wrap, .site-above-footer-wrap {
display: none !important;
}
body { margin-bottom: 0 !important; }
.vm-footer { margin-top: 0 !important; }
.vm-footer {
background: linear-gradient(180deg, var(--vm-text, #3d2e1f) 0%, var(--vm-dark, #0a3219) 100%);
color: rgba(247, 243, 236, 0.85);
font-family: 'Inter', sans-serif;
font-size: 14px;
}
.vm-footer a { color: inherit; text-decoration: none; transition: color .2s; }
.vm-footer a:hover { color: var(--vm-gold, #c89b4a); }
/* CTA strip top */
.vm-footer-cta-strip {
background: linear-gradient(135deg, var(--vm-primary, #2d5a3f) 0%, var(--vm-primary-d, #1f4d35) 100%);
padding: 28px 24px;
}
.vm-footer-cta-inner {
max-width: 1200px; margin: 0 auto;
display: flex; align-items: center; gap: 24px;
justify-content: space-between; flex-wrap: wrap;
}
.vm-footer-cta-text { color: #fff; font-size: 17px; flex: 1; min-width: 280px; }
.vm-footer-cta-text strong { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; }
.vm-footer-cta-text span { opacity: 0.85; }
.vm-footer-cta-btn {
background: var(--vm-gold, #c89b4a);
color: var(--vm-primary-darker, #0a3219) !important;
padding: 14px 28px; border-radius: 4px;
font-weight: 600; letter-spacing: 0.02em;
transition: all .3s; white-space: nowrap;
}
.vm-footer-cta-btn:hover {
background: #fff; color: var(--vm-primary-darker, #0a3219) !important;
transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
/* Main 4-col grid */
.vm-footer-main { padding: 64px 24px 48px; }
.vm-footer-grid {
max-width: 1200px; margin: 0 auto;
display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 48px;
}
@media (max-width: 920px) { .vm-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } }
@media (max-width: 540px) { .vm-footer-grid { grid-template-columns: 1fr; gap: 28px; } }
.vm-footer-brand .vm-footer-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.vm-footer-brand .vm-footer-tagline { font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--vm-gold, #c89b4a); margin-bottom: 16px; }
.vm-footer-brand p { font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
.vm-footer-social { display: flex; gap: 10px; }
.vm-footer-social a {
width: 36px; height: 36px;
border: 1px solid rgba(255,255,255,0.2); border-radius: 50%;
display: grid; place-items: center;
font-weight: 600; font-size: 14px;
transition: all .25s;
}
.vm-footer-social a:hover { background: var(--vm-gold, #c89b4a); color: var(--vm-primary-darker, #0a3219); border-color: var(--vm-gold, #c89b4a); }
.vm-footer-col h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: #fff; margin: 0 0 16px; font-weight: 600; }
.vm-footer-col ul { list-style: none; padding: 0; margin: 0; }
.vm-footer-col li { padding: 4px 0; line-height: 1.6; }
.vm-footer-col li span { color: var(--vm-gold, #c89b4a); margin-right: 6px; font-size: 12px; }
.vm-footer-col li small { color: rgba(247, 243, 236, 0.5); margin-left: 4px; }
/* Bottom row */
.vm-footer-bottom { background: rgba(0,0,0,0.25); padding: 18px 24px; border-top: 1px solid rgba(255,255,255,0.06); }
.vm-footer-bottom-inner {
max-width: 1200px; margin: 0 auto;
display: flex; justify-content: space-between; gap: 12px;
flex-wrap: wrap; font-size: 12px; color: rgba(247, 243, 236, 0.55);
}
.vm-footer-bottom a { color: var(--vm-gold, #c89b4a); }
.vm-footer-bottom a:hover { color: #fff; }
Cookies & confidențialitate.
Folosim cookie-uri esențiale pentru funcționarea site-ului și, dacă ești de acord, cookie-uri analitice pentru a înțelege cum este folosit site-ul. Detalii în
politica de confidențialitate .
Doar esențiale
Accept toate
.vm-cookie-bar {
position: fixed; bottom: 0; left: 0; right: 0;
z-index: 99998;
background: rgba(10, 16, 12, 0.97);
backdrop-filter: saturate(140%) blur(8px);
color: var(--vm-bg, #f7f3ec);
padding: 20px 24px calc(20px + env(safe-area-inset-bottom, 0px));
transform: translateY(110%);
transition: transform .5s cubic-bezier(.2,.8,.2,1);
font-family: 'Inter', sans-serif;
}
.vm-cookie-bar.vm-show { transform: translateY(0); }
.vm-cookie-inner {
max-width: 1200px; margin: 0 auto;
display: flex; align-items: center; gap: 24px;
flex-wrap: wrap; justify-content: space-between;
}
.vm-cookie-text { flex: 1 1 400px; font-size: 14px; line-height: 1.6; }
.vm-cookie-text strong { color: var(--vm-gold, #c89b4a); }
.vm-cookie-text a { color: var(--vm-gold, #c89b4a); text-decoration: underline; }
.vm-cookie-actions { display: flex; gap: 12px; flex-shrink: 0; }
.vm-cookie-btn {
padding: 11px 22px; border-radius: 4px;
font-size: 14px; font-weight: 600; cursor: pointer;
font-family: 'Inter', sans-serif;
transition: all .3s; border: none;
}
.vm-cookie-accept { background: var(--vm-gold, #c89b4a); color: var(--vm-primary-darker, #0a3219); }
.vm-cookie-accept:hover { background: var(--vm-white, #fff); transform: translateY(-1px); }
.vm-cookie-refuse {
background: transparent;
color: var(--vm-bg, #f7f3ec);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.vm-cookie-refuse:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.5); }
@media (max-width: 640px) {
.vm-cookie-inner { flex-direction: column; align-items: stretch; }
.vm-cookie-actions { justify-content: stretch; }
.vm-cookie-actions .vm-cookie-btn { flex: 1; }
}
(function() {
var KEY = 'vm_cookie_consent';
var DAYS = 180;
function getCookie(n) { var v = document.cookie.match('(^|;)\s*' + n + '\s*=\s*([^;]+)'); return v ? v.pop() : ''; }
function setCookie(n, v, d) { var dt = new Date(); dt.setTime(dt.getTime() + d * 86400000); document.cookie = n + '=' + v + ';expires=' + dt.toUTCString() + ';path=/;SameSite=Lax'; }
var bar = document.getElementById('vm-cookie-bar');
if (!bar) return;
if (!getCookie(KEY)) setTimeout(function() { bar.classList.add('vm-show'); }, 800);
function dismiss(v) {
setCookie(KEY, v, DAYS);
window.vmConsent = v;
bar.classList.remove('vm-show');
setTimeout(function() { bar.style.display = 'none'; }, 500);
if (v === 'accepted') {
window.dispatchEvent(new CustomEvent('vmConsentAccepted'));
}
}
var acceptBtn = document.getElementById('vm-cookie-accept-btn');
var refuseBtn = document.getElementById('vm-cookie-refuse-btn');
if (acceptBtn) acceptBtn.addEventListener('click', function() { dismiss('accepted'); });
if (refuseBtn) refuseBtn.addEventListener('click', function() { dismiss('essential'); });
})();
.vm-whatsapp-fab {
position: fixed;
bottom: calc(28px + env(safe-area-inset-bottom, 0px));
left: 24px;
z-index: 9997;
width: 58px;
height: 58px;
border-radius: 50%;
background: #25D366;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4);
text-decoration: none;
animation: vm-wa-pulse 2.4s ease-in-out infinite;
transition: transform .3s;
}
.vm-whatsapp-fab:hover {
transform: scale(1.08);
background: #20BD5C;
}
@keyframes vm-wa-pulse {
0%, 100% { box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0.4); }
50% { box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5), 0 0 0 16px rgba(37, 211, 102, 0); }
}
/* Auto-hide while cookie consent visible */
body:has(.vm-cookie-bar.vm-show) .vm-whatsapp-fab {
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 540px) {
.vm-whatsapp-fab { width: 52px; height: 52px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); left: 16px; }
}