/* Theme Name: Arrowtic Theme URI: https://pluginspoint.com/arrowtic Author: https://themeforest.net/user/johanspond Author URI: https://pluginspoint.com Support: johanspond@gmail.com Description: Arrowtic - Digital Marketing Agency WordPress Theme. Version: 2.0.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: arrowtic Domain Path: /languages Tags: threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ .google-wrapper { max-width: 700px; margin: 60px auto; font-family: Arial, sans-serif; } .google-search-form { text-align: center; margin-bottom: 40px; } .google-search-input { width: 100%; padding: 14px 18px; font-size: 18px; border-radius: 24px; border: 1px solid #dfe1e5; outline: none; } .google-search-input:focus { box-shadow: 0 1px 6px rgba(32,33,36,.28); border-color: transparent; } .google-result { margin-bottom: 28px; } .google-title { font-size: 18px; color: #1a0dab; text-decoration: none; } .google-title:hover { text-decoration: underline; } .google-url { font-size: 14px; color: #006621; margin: 4px 0; word-break: break-all; } .google-snippet { font-size: 14px; color: #545454; line-height: 1.6; } /* Card οριζόντιο efood style */ .ds-card-horizontal-efood { display: flex; align-items: center; max-width: 100%; width: 100%; background: #fff; border-radius: 16px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); padding: 20px; margin-bottom: 30px; transition: transform 0.3s, box-shadow 0.3s; } .ds-card-horizontal-efood:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.18); } /* Logo αριστερά */ .ds-card-logo img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin-right: 20px; } /* Content */ .ds-card-content { flex: 1; display: flex; flex-direction: column; } /* Header: Τίτλος */ .ds-card-header { display: flex; align-items: flex-start; margin-bottom: 6px; } .ds-card-title { font-size: 24px; font-weight: bold; color: #222; } /* Info γραμμή: Cuisines | Delivery | Phone */ .ds-card-info-line { display: flex; gap: 20px; font-size: 14px; color: #555; margin-bottom: 6px; flex-wrap: wrap; } .ds-card-info-line span a { color: #000; font-weight: bold; text-decoration: none; } .ds-card-info-line span a:hover { text-decoration: underline; } /* Right section: Open/Closed + Order */ .ds-card-right { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } /* Open/Closed κύκλος μικρότερος */ .ds-card-status { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: normal; color: #222; } .ds-status-circle { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .ds-status-circle.open { background-color: #28a745; } .ds-status-circle.closed { background-color: #dc3545; } /* Order button δεξιά, πορτοκαλί χωρίς border-radius */ .ds-card-order a { display: inline-block; background: #ff5722; color: #fff; padding: 12px 25px; font-weight: bold; text-decoration: none; transition: background 0.3s; border-radius: 0; } .ds-card-order a:hover { background: #e64a19; } /* Responsive */ @media(max-width:1024px){ .ds-card-horizontal-efood { flex-direction: column; align-items: center; text-align: center; } .ds-card-logo img { margin-right: 0; margin-bottom: 15px; } .ds-card-header { justify-content: center; } .ds-card-info-line { justify-content: center; } .ds-card-right { flex-direction: row; gap: 15px; margin-top: 12px; align-items: center; } } .ds-info-item { display: flex; align-items: center; gap: 6px; } .ds-icon { width: 18px; height: 18px; display: inline-flex; color: #ff5722; } .ds-icon svg { width: 100%; height: 100%; } .ds-info-item a { color: #000; font-weight: bold; text-decoration: none; } /* Απόκρυψη mobile status στο desktop */ .ds-mobile-status { display: none; } @media (max-width: 768px) { .ds-mobile-status { display: block; width: 100%; text-align: center; /* ΚΕΝΤΡΟ ΑΠΟΛΥΤΑ */ font-size: 14px; margin-bottom: 16px; /* Περισσότερο κενό */ } .ds-mobile-status .ds-status-circle { display: inline-block; vertical-align: middle; margin-right: 6px; } /* Κρύβουμε το status δεξιά */ .ds-card-right .ds-card-status { display: none !important; } } @media (max-width: 768px) { .ds-card-header { display: block !important; } } .ds-card { position: relative; border: 1px solid #ddd; border-radius: 12px; padding: 12px; margin-bottom: 15px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: transform 0.2s, box-shadow 0.2s; } .ds-card:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.15); } .ds-badge-featured { position: absolute; top: 10px; left: 10px; background: #ff4d4f; color: #fff; font-weight: bold; font-size: 12px; padding: 5px 10px; border-radius: 8px; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,0.2); z-index: 10; } .ds-card.open { border-color: #52c41a; } .ds-card.closed { opacity: 0.85; } .fuel-card { display:flex; align-items:center; gap:20px; background:#fff; border-radius:15px; padding:20px; box-shadow:0 5px 20px rgba(0,0,0,0.1); max-width:600px; margin:20px auto; } .fuel-icon { font-size:40px; } .fuel-body h3 { margin:0 0 10px 0; } .fuel-body button { padding:10px 15px; border:none; background:#ff6a00; color:#fff; border-radius:10px; cursor:pointer; } .fuel-body button:hover { background:#e65c00; } .fuel-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; } .fuel-modal-content { background:#fff; margin:5% auto; padding:20px; border-radius:15px; max-width:600px; position:relative; } .fuel-close { position:absolute; top:10px; right:15px; font-size:28px; cursor:pointer; } .services-list { display: flex; flex-direction: column; gap: 20px; } .service-card { display: flex; align-items: flex-start; gap: 20px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.05); } .service-logo img { max-width: 120px; height: auto; border-radius: 8px; } .service-details h3 { margin: 0 0 10px; font-size: 1.2em; } .service-details p { margin: 4px 0; } /* Responsive για μικρές οθόνες */ @media (max-width: 768px) { .service-card { flex-direction: column; align-items: center; text-align: center; } .service-logo img { margin-bottom: 10px; } } .xanthi-logo img { max-height: 70px; margin-bottom: 15px; display: none; } /* ====================================================== AUTO INSERT CENTER LOGO + SEARCH ====================================================== */ function xanthi_auto_center_header() { // Αν θέλεις μόνο σε σελίδες: if ( !is_page() ) return; ?> <div class="xanthi-center-header"> <div class="xanthi-logo"> <a href="<?php echo home_url(); ?>"> <img src="https://xanthinow.gr/wp-content/uploads/2024/01/logo.png" alt="XanthiNow"> </a> </div> <?php echo do_shortcode('[xanthi_search_bar]'); ?> </div> <style> .logo img { display:none !important; } .xanthi-center-header { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px 0; } .xanthi-logo img { max-height:70px; margin-bottom:15px; } .xanthi-center-header .xanthi-search-bar { width:100%; max-width:600px; } @media (max-width:768px){ .xanthi-logo img { max-height:50px; } } </style> <?php } add_action('wp_body_open', 'xanthi_auto_center_header'); .single-service-wrapper { max-width: 1000px; margin: 40px auto; padding: 0 20px; } .service-breadcrumb { font-size: 14px; margin-bottom: 15px; color: #777; } .service-breadcrumb a { color: #0073aa; text-decoration: none; } /* Card */ .service-card {display: block; background: #fff; padding: 0px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); } /* Δίστηλο 25/75 */ .grid-25-75 { display: flex; gap: 20px; margin-bottom: 20px; } .grid-25-75 .left { width: 25%; } .grid-25-75 .right { width: 75%; } /* Δίστηλο 50/50 */ .grid-50-50 { display: flex; gap: 20px; margin-bottom: 20px; } .grid-50-50 .left, .grid-50-50 .right { width: 50%; } /* Logo */ .service-logo { width: 100px; border-radius: 50%; object-fit: cover; } /* Title */ .service-title { font-size: 28px; margin-bottom: 0px; margin-top: 0px; } /* Rating */ .service-rating { font-size: 20px; margin-bottom: 0px; margin-top: 0px; } .star { color: #ccc; } .star.filled { color: #ffc107; } /* Category + Activity */ .category-badge { background: #0073aa; color: #fff; padding: 3px 8px; border-radius: 12px; font-size: 12px; margin-right: 5px; } .service-activity { margin-top: 5px; font-size: 14px; } /* Info Box */ .info-item { margin: 3px 0; } .info-item a { color: #0073aa; text-decoration: none; } /* Description */ .service-description { font-size: 16px; line-height: 1.5; margin-bottom: 20px; } /* Map */ .service-map iframe { border-radius: 8px; } /* Responsive */ @media (max-width: 768px) { .grid-25-75, .grid-50-50 { flex-direction: column; width: 100%; } .grid-25-75 .left, .grid-25-75 .right, .grid-50-50 .left, .grid-50-50 .right { width: 100%; } } .service-category { background: #0073aa; color: #fff; padding: 3px 8px; border-radius: 12px; font-size: 12px; margin-right: 5px; display: inline-block; } .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img { border-radius: 20px; } .h3 {font-size: 18px; font-weight: 800;} .xh-carousel{ display:flex; gap:20px; overflow-x:auto; padding-bottom:10px; } .xh-carousel-card{ min-width:240px; background:#fff; border-radius:10px; overflow:hidden; text-decoration:none; color:#111; box-shadow:0 2px 10px rgba(0,0,0,0.08); } .xh-carousel-card img{ width:100%; height:160px; object-fit:cover; } .xh-carousel-info{ padding:12px; } .xh-carousel-title{ font-weight:600; margin-bottom:6px; } .xh-carousel-rating{ background:#003580; color:#fff; display:inline-block; padding:4px 8px; border-radius:4px; font-size:13px; } .xh-carousel-price{ margin-top:6px; font-size:14px; } /* hide horizontal scrollbar completely */ .xh-hotel-slider{ overflow:hidden; } /* wrapper scroll */ .xh-hotel-slider .swiper-wrapper{ overflow-x:auto; scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* IE */ } .xh-hotel-slider .swiper-wrapper::-webkit-scrollbar{ display:none; /* Chrome Safari */ } /* ===== DELIVERY CAROUSEL ===== */ .ds-carousel{ width:100%; overflow:hidden; margin:20px 0; } .ds-carousel-track{ display:flex !important; flex-direction:row; gap:8px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:10px 5px; } .ds-carousel-track::-webkit-scrollbar{ display:none; } .ds-carousel-item{ flex:0 0 280px; /* σταθερό πλάτος κάρτας */ scroll-snap-align:start; } .vc_column_container .vc_column-inner { box-sizing: border-box; padding-left: 0px; padding-right: 0px; width: 100%; } .aggelies-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; } .aggelia-card{ border:1px solid #eee; padding:10px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05); } .aggelia-card img{ width:100%; height:180px; object-fit:cover; border-radius:5px; } .price{ color:green; font-weight:bold; } .view-btn{ display:block; background:#0073aa; color:white; text-align:center; padding:8px; text-decoration:none; margin-top:10px; border-radius:5px; } .aggelia-details img{ margin:5px; width:100px; height:100px; object-fit:cover; border-radius:4px; } .aggelia-form input, .aggelia-form textarea, .aggelia-form select{ width:100%; padding:10px; margin-bottom:10px; } .aggelies-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; } .aggelia-card{ border:1px solid #eee; padding:10px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05); } .aggelia-card img{ width:100%; height:180px; object-fit:cover; border-radius:5px; } .price{color:green;font-weight:bold;} .view-btn{ display:block; background:#0073aa;color:white;text-align:center; padding:8px;text-decoration:none;margin-top:10px;border-radius:5px; } .aggelia-details img{margin:5px;width:100px;height:100px;object-fit:cover;border-radius:4px;} .aggelia-form input,.aggelia-form textarea,.aggelia-form select{width:100%;padding:10px;margin-bottom:10px;} /* GRID ΚΥΡΙΩΝ ΑΓΓΕΛΙΩΝ */ .aggelies-grid { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 πλαίσια ανά σειρά σε desktop */ gap: 20px; margin: 20px 0; } /* Responsive: 1 πλαίσιο ανά σειρά σε mobile */ @media (max-width: 768px) { .aggelies-grid { grid-template-columns: 1fr; } } /* Στυλ κάθε πλακιδίου αγγελίας */ .aggelia-card { border: 1px solid #eee; border-radius: 15px; /* στρογγυλεμένες άκρες */ padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); background-color: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.2s; } /* Hover effect για όμορφο αποτέλεσμα */ .aggelia-card:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0,0,0,0.15); } /* Εικόνα αγγελίας */ .aggelia-card img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px; /* στρογγυλεμένες άκρες εικόνας */ margin-bottom: 15px; } /* Τίτλος με μεγάλα γράμματα */ .aggelia-card h3 { font-size: 1.5rem; /* μεγάλα γράμματα */ font-weight: bold; margin-bottom: 10px; } /* Τιμή και τοποθεσία */ .aggelia-card .price { font-size: 1.5rem; font-weight: bold; color: #28a745; margin-bottom: 5px; } .aggelia-card p { font-size: 1rem; color: #555; margin: 2px 0; } /* Κουμπί "Δες Αγγελία" */ .view-btn { display: block; background-color: #0073aa; color: white; text-align: center; padding: 12px; border-radius: 12px; text-decoration: none; font-weight: bold; margin-top: 15px; width: 80%; transition: background 0.2s; } .view-btn:hover { background-color: #005177; } /* Gallery στη σελίδα αγγελίας */ .aggelia-gallery { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 15px; } .aggelia-gallery img { margin: 5px; width: 100px; height: 100px; object-fit: cover; border-radius: 10px; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; margin-bottom: 15px; border-spacing: 0; width: 100%; font-family: 'Manrope'; font-size: 13px; } .ds-badge-new{ position:absolute; top:10px; right:10px; background:#2ecc71; color:#fff; font-size:11px; font-weight:600; padding:4px 8px; border-radius:10px; z-index:10; } /* ❌ ΚΛΕΙΝΕΙ ΤΟ ΠΑΛΙΟ TOP MENU */ .ds-menu-categories-wrapper{ display: none !important; } /* ✅ FORCE SIDEBAR LAYOUT */ .ds-menu-layout{ display: grid !important; grid-template-columns: 240px 1fr !important; gap: 30px; align-items: start; } /* LEFT SIDEBAR */ .ds-menu-sidebar{ display: block !important; width: 240px; } /* STICKY LEFT */ .ds-menu-sidebar .ds-menu-categories{ position: sticky !important; top: 120px; display: flex !important; flex-direction: column !important; gap: 10px; } /* LINKS */ .ds-menu-sidebar .ds-menu-cat-item{ display: block; width: 100%; } /* RIGHT CONTENT */ .ds-menu-content{ width: 100%; } /* ===== FORCE LEFT LAYOUT ===== */ .ds-menu-items{ display: block !important; } /* Σπάμε το center από το theme */ .ds-menu-wrapper, .ds-menu-content, .ds-menu-items{ text-align: left !important; } /* 20 / 80 layout */ .ds-menu-layout{ display: grid !important; grid-template-columns: 20% 80% !important; gap: 15px; } /* sidebar */ .ds-menu-sidebar{ width: 100%; } /* categories left */ .ds-menu-sidebar .ds-menu-categories{ position: sticky; top: 120px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start !important; } /* links */ .ds-menu-cat-item{ text-align: left !important; width: 100%; } /* grid -> list */ .ds-menu-grid{ display: flex !important; flex-direction: column !important; gap: 10px; } /* item */ .ds-menu-item{ display: flex !important; justify-content: flex-start !important; align-items: flex-start; text-align: left !important; gap: 10px; } /* image */ .ds-menu-img{ flex: 0 0 70px; } /* content */ .ds-menu-content-inner{ flex: 1; text-align: left !important; } /* title */ .ds-menu-title{ text-align: left !important; } /* desc */ .ds-menu-desc{ text-align: left !important; } /* price */ .ds-menu-price{ text-align: left !important; } /* SECTION TITLES */ .ds-menu-section-title{ text-align: left !important; } /* ===== FONT FAMILY ===== */ .ds-menu-wrapper{ font-family: 'Manrope', sans-serif; } /* ===== CATEGORY TITLE ===== */ .ds-menu-section-title{ font-size: 15px; font-weight: 800; margin-bottom: 10px; } /* ===== PRODUCT TITLE ===== */ .ds-menu-title{ font-size: 15px; font-weight: 800; margin-bottom: 4px; } /* ===== DESCRIPTION ===== */ .ds-menu-desc{ font-size: 13px; font-weight: 600; color: #555; margin-bottom: 4px; } /* ===== PRICE ===== */ .ds-menu-price{ font-size: 15px; font-weight: 800; color: #242424; } .ds-menu-sidebar .ds-menu-categories{ position: sticky; top: 80px; } .ds-menu-cat-item{ font-weight: 500; transition: 0.2s; } .ds-menu-cat-item.active{ font-weight: 700; color: #ff6600; }

h6
Specificity: (0,0,1)
 {
    font-size: 16px;
    font-family: 'Manrope';
}

.ds-menu-section-title
{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    padding-top: 20px;
    width: 100%;
}

@media (max-width: 768px) {
    .ds-menu-cat-item.active {
        background: #000;
        color: #fff;
    }
}

.ds-menu-layout {
    display: grid !important;
    grid-template-columns: 30% 65% !important;
    gap: 15px;
}

/* Εξασφαλίζει ότι το κείμενο σπάει όταν χρειάζεται */
.ds-menu-title,
.ds-menu-desc,
.ds-menu-section-title,
.ds-menu-cat-item,
.ds-menu-price {
    white-space: normal !important;       /* Επιτρέπει wrap */
    word-break: break-word !important;    /* Σπάει μεγάλες λέξεις */
    overflow-wrap: break-word !important; /* Συμβατότητα με browsers */
}

/* Κάνει τα widths responsive αντί για max-content */
.ds-menu-title,
.ds-menu-desc,
.ds-menu-section-title,
.ds-menu-cat-item {
    width: 100% !important;   /* αντί για max-content */
}

/* Καλύτερη εμφάνιση σε μικρές οθόνες */
@media (max-width: 768px) {
    .ds-menu-title,
    .ds-menu-desc,
    .ds-menu-section-title {
        font-size: 14px;   /* μικρότερα γράμματα για κινητά */
        line-height: 1.4;  /* λίγο μεγαλύτερο διάστιχο */
        margin-bottom: 6px;
    }
    .ds-menu-layout {
        grid-template-columns: 1fr !important; /* μία στήλη στα κινητά */
        gap: 10px;
    }
    .ds-menu-cat-item.active {
        width: 100% !important;
    }
}

.ds-menu-desc {
    word-break: normal;       /* Αποφυγή σπασίματος μέσα στη λέξη */
    overflow-wrap: normal;    /* Αποφυγή σπασίματος μέσα στη λέξη */
    white-space: normal;      /* Κανονικό wrapping */
}

@media (max-width: 768px) {
    .ds-menu-desc {
        word-break: normal;       /* Αποφυγή σπασίματος λέξης στη μέση */
        overflow-wrap: normal;    /* Κανονικό wrapping λέξης */
        white-space: normal;      /* Κείμενο τυλίγεται στο τέλος της γραμμής */
        
        /* Προαιρετικά για περιορισμένες γραμμές με … */
        display: -webkit-box;
        -webkit-line-clamp: 3;   /* μέχρι 3 γραμμές */
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
}

.ds-menu-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ds-menu-title {
    flex: 1;
    font-weight: bold;
}

.ds-menu-price {
    white-space: nowrap;
    font-weight: bold;
}

.ds-add-to-cart {
    background: #ff6600;
    color: #fff;
    border: none;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ds-add-to-cart:hover {
    background: #e65c00;
}

.ds-menu-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start; /* ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ */
}

.ds-menu-sidebar {
        flex-direction: column;
	position: fixed;
        height: auto;
        overflow-x: hidden;
        box-shadow: none;
        background-color: rgb(244, 244, 244);
	display: flex;
    visibility: visible;
    flex-flow: row;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow-x: auto;
	top: 88px;
        padding-right: 1rem;
        max-height: calc(-88px + 100vh);
    }

.service-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.service-logo-wrap img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.service-title-wrap h1 {
    margin: 0;
}

.service-category {
    margin-bottom: 10px;
}

.category-link {
    display: inline-block;
    margin-right: 10px;
    color: #0073aa;
    text-decoration: none;
}

.category-link:hover {
    text-decoration: underline;
}

.service-activity,
.service-address,
.service-contact {
    margin-bottom: 10px;
}

.service-contact div {
    margin-bottom: 5px;
}

.service-image-wrap img {
    width: 100px;
    height: 100px;
    object-fit: cover;

    border-radius: 50%;
    border: 2px solid #f1f1f1;
    padding: 4px;
    background: #fff;

    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.service-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.service-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 500px;
}

.service-form input,
.service-form textarea {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.service-form button {
    background: #0073aa;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.single-xanthi_place .post-thumbnail,
.single-xanthi_place img.wp-post-image {
    display: none !important;
}

.pt-100 {
    padding-top: 0px;
}

.vc_btn3-container.vc_btn3-inline {
    display: grid;
    vertical-align: top;
}