/*
Rescue HTML by Jake Caputo / designcrumbs.com
Version 1.0
*/

/* ============================================== CONTENTS ==============================================

1. Fonts
2. Basic Stuff / General Items
3. Lists
4. Headings
5. Main Divs
6. Footer
7. Menus
8. Home Page
9. Posts
10. Single Pet Post
11. Archive
12. Sidebars & Widgets
13. Comments
14. Forms
15. Alignments
16. Navigation
17. Options
18. Media Queries (Responsiveness)

*/

/* Variabile A0 – fluide pe toate paginile (autodimensionare la dispozitive diferite, fără reguli vechi fixe) */
body {
	--gap-v2: clamp(8px, 2vw, 16px);
	--nav-height: clamp(48px, 10vw, 64px);
	--side-col-width: min(200px, 25vw);
	--btn-padding-h: clamp(12px, 3vw, 24px);
}

/* Wishlist heart – overlay pe poze; același SVG ca Servicii (contur + plin), fără cerc */
.wish-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	left: auto !important;
	bottom: auto !important;
	width: 28px;
	height: 28px;
	border-radius: 0;
	border: none !important;
	background: transparent !important;
	background-color: transparent !important;
	backdrop-filter: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.95) !important;
	z-index: 5;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	appearance: none !important;
}
.wish-btn svg,
.wish-btn .il-heart-svg {
	width: 16px;
	height: 16px;
	pointer-events: none;
	display: block;
	filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.55));
}
.wish-btn .il-heart-filled {
	display: none;
}
.wish-btn .il-heart-outline {
	display: block;
}
.wish-btn.is-active .il-heart-outline {
	display: none;
}
.wish-btn.is-active .il-heart-filled {
	display: block;
}
.wish-btn.is-active {
	color: #e53935 !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
}
.wish-btn:hover {
	color: #ffe082 !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
}
.wish-btn.is-active:hover {
	color: #ffcdd2 !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
}

/* Servicii: aceeași pereche SVG, comutare .is-on */
.sw-adopt-bonus-heart .il-heart-filled {
	display: none;
}
.sw-adopt-bonus-heart .il-heart-outline {
	display: block;
}
.sw-adopt-bonus-heart.is-on .il-heart-outline {
	display: none;
}
.sw-adopt-bonus-heart.is-on .il-heart-filled {
	display: block;
}

/* ============================================== FONTS ============================================== */

@font-face {
    font-family: 'Socialglyphs-Regular';
    /* Păstrăm doar fișierul care există fizic în proiect */
    src: url('../fonts/socialglyphs-regular.svg#socialglyphs-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	/* Păstrăm doar fișierul care există fizic în proiect */
	src: url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ============================================== BASIC STUFF ============================================== */

* {
    padding: 0;
    margin: 0;
}

body,
input,
textarea,
select {
    color: #393939;
    font-size: 14px;
    line-height: 21px;
    font-family: Helvetica,Arial,Verdana,sans-serif;
}

/* Ensure html doesn't have overflow that breaks sticky */
html {
	overflow-x: hidden !important;
	overflow-y: visible !important;
}

a {
    text-decoration: none;
    outline: none;
    color: #1597d3;
}

a:hover {
    text-decoration: underline
}

p {
    margin: 0 0 15px
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clearfix {
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    line-height: inherit;
}

.clearfix:after {
    clear: both
}

.no_border {
    border: none !important
}

small {
	font-size: 12px;
}

blockquote,
q {
    font-style: oblique;
    font-family: Georgia, serif;
    margin: 50px 0;
    font-size: 18px;
    line-height: 25px;
    padding: 0 0 0 32px;
    border-left: 8px solid #343434;
}

	blockquote cite {
		display: block;
		margin-top: 15px;
	}

.hide {
    display: none
}

code,
kbd,
tt {
	display: inline-block;
	font-family: monospace;
}

pre {
	font-family: monospace;
	background-color: #E3E3E3;
	padding: 5px 15px;
	max-width: 100%;
	overflow: auto;
	margin-bottom: 15px;
}

small {
	font-size: 12px;
}

strong,
b,
big {
	font-weight: 700;
}

big {
	font-size: 1.2em;
}

address {
	margin-bottom: 15px;
}

cite,
var {
	font-style: oblique;
	color:#848484;
}

ins {
	text-decoration: underline;
	color:#848484; 
}

sub,
sup {
	display: inline-block;
	font-size: .8em;
}

/* ============================================== LISTS ============================================== */

ul,
ol,
dl,
ul li,
ul li,
dl dt,
dl dd  {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

dl dt {
	font-weight: 700;
}

dl dd {
	margin-left: 30px;
	margin-bottom: 20px;
}

.lined_list li,
#footer .lined_list li {
    padding: 10px 0;
    border-top: 1px dotted #D3D3D3;
    margin: 0;
}

.lined_list li:first-child,
#footer .lined_list li:first-child {
    border: none;
    padding: 0 0 10px;
}

.lined_list li:last-child,
#footer .lined_list li:last-child {
    padding: 10px 0 0
}

/* lists inside posts */

.entry-content ul,
.entry-content ol {
    margin-bottom: 15px
}

    .entry-content ul ol {
        margin-left: 0
    }

    .entry-content ul li {
        margin-left: 10px;
        list-style: disc;
        list-style-position: inside;
    }

        .entry-content ul li ol {
            margin-left: 10px
        }

    .entry-content ol li {
        margin-left: 10px;
        list-style: decimal;
        list-style-position: inside;
    }

        .entry-content ol li li,
        .entry-content ul li li {
            margin-left: 20px
        }
        
table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}

	table th {
		border-bottom:1px solid #E3E3E3;
	}

table th,
table td {
	padding:5px 10px;
}

table thead tr,
table th,
table tr:nth-child(2n) {
	background-color:#F4F4F4
}

/* ============================================== HEADINGS ============================================== */

h1,
h2,
h3,
h4,
#main_menu,
#home_widget_wrap.banner_widget_count2.rescue_email_banner,
#searchform_wrap #searchform #s {
	font-family:'Merriweather',Georgia,serif;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    font-weight: normal;
    line-height: 1.3em
}

h4,
h5,
h6 {
    font-family: Helvetica,Arial,Verdana,sans-serif
}

h1 {
	margin-bottom: 20px;
	margin-top:40px;
	font-size:26px;
}

h2 {
	margin-bottom: 20px;
	margin-top:35px;
	font-size:22px;
}

h3 {
	margin-bottom: 15px;
	margin-top:30px;
	font-size:18px;
}

h4 {
	margin-bottom: 15px;
	margin-top:30px;
	font-size:16px;
}

h5 {
    margin-bottom: 15px;
    font-size: 16px;
}

h6 {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
}

#comments_closed,
#comments {
    margin: 0 0 20px;
    text-align: center;
}

h3.search_title {
    margin: 0 0 30px;
    background-color: #F5F5F5;
    padding: 5px 10px;
}

#footer h6 {
    color: #737373
}

/* ============================================== MAIN DIVS ============================================== */

.wrapper {
    margin: 0 auto;
    width: 100%;
}

.container {
    width: 940px;
    padding: 0;
    margin: auto;
    position: relative;
}

#header {
    position: relative;
    z-index: 5;
    height: auto;
    width: 100%;
}

#header,
#main_menu ul li ul {
	background-color: #343434;
}

/* ============================================== FREEZE FIX — A0 + SIDE PANELS ============================================== */

/* 1) Set viewport layout heights – pagină pe înălțimea ecranului (standard global) */
html,
body {
	height: 100%;
	margin: 0;
}

/* Desktop PT: body fără scroll (scroll intern doar în P2) */
@media (min-width: 1024px) {
	body.page-animale {
		overflow: hidden;
	}
}

/* === Global responsive foundation (layout fluid) === */
*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
video,
canvas,
svg {
	max-width: 100%;
	height: auto;
}

/* === STANDARD GLOBAL VIEWPORT LAYOUT (HOME + PT + pagini viitoare) ===
 *
 * - html, body: height:100% (vezi mai sus) – baza pentru toate paginile full-screen.
 * - --nav-h: înălțimea efectivă a navbarului A0 (inclusiv padding/margini necesare).
 * - Un wrapper de pagină (ex. #pt-page, #home-v2-page) ocupă: calc(100vh - var(--nav-h)).
 * - Body pentru pagini full-screen poate avea overflow:hidden; scroll se pune doar pe
 *   containere interne (liste, coloane centrale etc.).
 *
 * NOTĂ: Valoarea 64px pentru --nav-h este calibrată astfel încât
 *       NAVBAR + ZONA DE CONȚINUT = 100% din înălțimea vizibilă
 *       (fără bandă albă jos și fără scroll pagină) pe layoutul PT actual.
 *       Aceeași convenție se poate folosi pe paginile noi pentru consistență.
 */
:root {
	/* Înălțime efectivă navbar A0 folosită în calc(100vh - var(--nav-h)) pentru PT.
	   Valoarea 64px este echivalentă cu vechiul calcul (100vh - 72px + 8px). */
	--nav-h: 64px;
}

/* === WRAPPER CSS GLOBAL (AW, PW, SW, AnW, etc.) === */
[id$="W"] {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

/* Layout vertical generic pentru pagini care folosesc .main-wrapper */
.main-wrapper {
	display: flex;
	flex-direction: column;
}

/* === PT desktop: layout sub navbar – pt-page ocupă tot spațiul vizibil sub A0 === */
@media (min-width: 1024px) {
	body.page-animale #main_wrap {
		display: flex;
		flex-direction: column;
	}

	body.page-animale #main_content {
		flex: 1 1 auto;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* PW = tot ce e sub navbar pe PT; folosește toată înălțimea vizibilă (fără A0) */
	body.page-animale #PW {
		height: calc(100vh - var(--nav-h));
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
}

/* ========== A0 (NAVBAR) – SECURIZAT ==========
 * Toate regulile pentru #A0 sunt DOAR în: static/css/navbar-a0-secured.css
 * Nu adăuga reguli #A0, .a0-left, .a0-search-right, #A0 .container aici.
 * Modificări în alte containere nu ating A0.
 * ========== */
#main_wrap {
    width: 100%;
    margin: auto;
    overflow: visible !important; /* A0 (contor stânga / căutare dreapta) vizibil pe toate paginile – nu taie butoanele */
}

#header-sticky-wrapper {
    margin: 0 auto;
    width: 100% !important;
}

/* Logo global – rotund, cercul plin (același fundal pe toată suprafața) */
.site-logo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	background: #fff;
	display: block;
	/* Siglă decupată la cerc, fundal alb peste tot în cerc */
	clip-path: circle(50% at 50% 50%);
	-webkit-clip-path: circle(50% at 50% 50%);
}

/* Permite overflow pentru container-ul de pe pagina de contact */
#main_content .container {
	overflow: visible !important;
}

#main_content {
    position: relative;
    z-index: 4;
    background-color: #FCFCFC;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    #main_content .container {
        position: relative;
        padding: 40px 0;
    }

/* ============================================== FOOTER ============================================== */

#footer {
    background-color: #F5F5F5;
    padding: 0;
    font-size: 12px;
    line-height: 19px;
    z-index: 2;
}

    #footer .container {
        padding: px 0 0
    }

#footer_widgets {
    width: 990px;
    margin-right: -30px;
    position: relative;
    zoom: 1;
}

#footer_widgets.footer_widget_count4 {
    width: 1000px;
    margin-right: -40px;
}

.footer_widget {
    float: left;
    margin: 0 30px 0 0;
    padding: 0 0 40px;
}

.footer_widget_count1 .footer_widget {
    width: 940px
}

.footer_widget_count2 .footer_widget {
    width: 455px
}

.footer_widget_count3 .footer_widget,
.footer_widget_overflow .footer_widget {
    width: 280px;
    margin-right: 50px;
}

.footer_widget_count4 .footer_widget {
    width: 205px;
    margin: 0 40px 0 0;
}

.footer_widget_count5 .footer_widget {
    width: 164px
}

.footer_widget .widgettitle {
    margin: 0 0 20px
}

.footer_widget_overflow .footer_widget:nth-child(3n + 1),
.banner_widget_overflow .widget:nth-child(3n + 1),
#home_latest_posts .single_latest:nth-child(2n + 1) {
	clear:both;
}

#twitter_div span {
    display: block;
    padding: 0 0 5px;
}

#footer ul {
    margin-bottom: -10px
}

    #footer ul li {
        margin-bottom: 10px
    }

#post_footer {
    text-align: center;
    padding: 40px 0 30px;
    color: #787878;
    font-size: 12px;
    border-top: 1px solid #D3D3D3;
    margin-top: 20px;
}

    #post_footer a {
        color: #787878
    }

#socnets_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 2px 0 #E1E1E1;
	-moz-box-shadow: 0 2px 2px 0 #E1E1E1;
	box-shadow: 0 2px 2px 0 #E1E1E1;
	height: 40px;
	border-left: 5px solid #F5F5F5
}

    #socnets_wrap #socnets {
        float: left;
        position: relative;
        left: 50%;
    }

        #socnets a {
            float: left;
            position: relative;
            right: 50%;
            margin: 0 5px;
            display: block;
            font-family: 'Socialglyphs-Regular';
		    font-weight: normal;
		    color: #ABABAB;
		    text-decoration: none;
		    -webkit-transition: all .25s linear;
			-moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			-o-transition: all .25s linear;
			transition: all .25s linear;
        }
		
		    #socnets a:before {
		        display: block;
		        font-size: 20px;
			    line-height: 34px;
			    text-align: center;
		    }		   
		
			    #socnets a.socnet-twitter:before {
			        content: "t"
			    }
			
			    #socnets a.socnet-twitter:hover {
			        color: #00ACED
			    }
			
			    #socnets a.socnet-facebook:before {
			        content: "f"
			    }
			
			    #socnets a.socnet-facebook:hover {
			        color: #335795
			    }
			
			    #socnets a.socnet-google:before {
			        content: "h"
			    }
			
			    #socnets a.socnet-google:hover {
			        color: #DD4B39
			    }
			
			    #socnets a.socnet-flickr:before {
			        content: "a"
			    }
			
			    #socnets a.socnet-flickr:hover {
			        color: #FF0084
			    }
			
			    #socnets a.socnet-tumblr:before {
			        content: "u"
			    }
			
			    #socnets a.socnet-tumblr:hover {
			        color: #668195
			    }
			
			    #socnets a.socnet-vimeo:before {
			        content: "v"
			    }
			
			    #socnets a.socnet-vimeo:hover {
			        color: #0DADD6
			    }
			
			    #socnets a.socnet-youtube:before {
			        content: "y"
			    }
			
			    #socnets a.socnet-youtube:hover {
			        color: #D02525
			    }
			
.footer_menu_wrap ul {
    float: left
}

    .footer_menu_wrap ul li {
        float: left;
        margin-right: 10px;
    }

/* ============================================== MENUS ============================================== */

#main_menu a,
#search_link {
    -webkit-transition: color .20s linear;
    -moz-transition: color .20s linear;
    -ms-transition: color .20s linear;
    -o-transition: color .20s linear;
    transition: color .20s linear;
}

#main_menu {
    line-height: 31px;
    padding: 30px 0;
    margin: 0;
    position: relative;
    zoom: 1;
    display: block;
}

    select.select-menu,
    #main_menu span.select {
        display: none;
        overflow: hidden;
    }
    
    #main_menu span.select {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 39px;
	    line-height: 39px;
	    font-size: 14px;
	    font-weight: bold;
	    color: #FFFFFF;
	    text-indent: 50px;
	    background-color: rgba(0,0,0,.3);
	    cursor: default;
	    z-index: 1;
	    top: 0;
	    -moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
    }
    
    	#main_menu span.select:before {
	        font-family: 'FontAwesome';
	        content: "\f03a";
	        position: absolute;
	        left: -40px;
	        top: 0px;
	        display: block;
	        font-size: 24px;
	        font-weight: normal;
	        opacity: .25;
		}

    #main_menu #menu_wrap {
        float: right;
        min-height: 30px;
        margin: 5px 10px 5px 0;
        position: relative;
    }

    #main_menu .clear {
        float: none !important;
        height: 0 !important;
    }

    #main_menu #donate_now {
        float: right;
        height: 28px;
        line-height: 29px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 8px;
        font-size: 11px;
        text-transform: uppercase;
        font-family: Helvetica,Arial,Verdana,sans-serif;
        letter-spacing: normal;
        margin-left: 20px;
    }

    #main_menu ul {
        margin: 0;
        padding: 0;
        height: 30px;
        line-height: 31px;
    }

        #main_menu ul li {
            float: left;
            line-height: 30px;
            margin: 0 0 0 20px;
            padding: 0;
            font-size: 13px;
        }

    #main_menu a {
        color: #CBCBCB;
        display: block;
        padding: 0;
        text-align: center;
    }

	    #main_menu a:hover,
	    #main_menu a.current_page {
	        text-decoration: none;
	        color: #FFFFFF;
	    }

/* DROP DOWN MENUS – show first-level submenu on hover */
    #main_menu ul li:hover > ul {
        display: block;
    }

    #main_menu li li {
        padding: 5px 0;
        margin: 0;
        width: 200px;
        line-height: 20px;
    }

    #main_menu li:hover li a {
        border: none;
        background: none;
        width: auto;
        padding: 0 10px;
    }

    #main_menu ul li {
        position: relative
    }

        #main_menu ul li ul {
            width: auto;
            display: none;
            margin: 0 0 0 0;
            padding: 0;
            z-index: 900;
            float: none;
            height: auto;
            position: absolute;
            top: 30px;
            left: -10px;
            -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
        }

            #main_menu ul li ul ul {
                border-top: 1px dotted rgba(0, 0, 0, 0.2)
            }

            #main_menu ul li ul li:hover ul {
                display: block;
                left: 200px;
                top: -1px;
                padding: 0;
            }

            #main_menu ul li ul li {
                position: relative;
                float: none;
                border-top: 1px dotted rgba(0, 0, 0, 0.2);
            }

            #main_menu ul li ul li:first-child {
                border: none
            }

            #main_menu ul li ul li a {
                margin: 10px 0;
                padding: 0;
                -webkit-box-shadow: none !important;
                -moz-box-shadow: none !important;
                box-shadow: none !important;
            }

            #main_menu ul li ul li a:hover {
                border: none
            }

/* Search Form */

#search_wrap {
    position: relative;
    float: right;
}

#search_link {
    width: 30px;
    color: #CBCBCB;
    cursor: pointer;
    text-align: right;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

	#search_link:hover,
	#socnet_link:hover {
	    color: #F5F5F5
	}
	
	#search_link:before {
	    font-family: 'FontAwesome';
	    content: "\f002";
	    display: block;
	    font-size: 12px;
	    line-height: 38px;
	}

#searchform_wrap #searchform {
    display: none;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 -10px;
}

    #searchform_wrap #searchform #s {
        height: 45px;
        width: 100%;
		max-width: 100%;
        line-height: 45px;
        border: none;
        padding:0 10px;
        font-size: 14px;
        background-color: rgba(0, 0, 0, 0.3);
        color: #CBCBCB;
        -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6) inset;
        -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6) inset;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6) inset;
        letter-spacing: .05em;
        -webkit-transition: color .20s linear;
        -moz-transition: color .20s linear;
        -ms-transition: color .20s linear;
        -o-transition: color .20s linear;
        transition: color .20s linear;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
    }

    #searchform_wrap #searchform #s:focus {
        color: #F5F5F5
    }

/* ============================================== HOME PAGE ============================================== */

#home_latest_friends {
    margin: 0 0 40px;
    position: relative;
    zoom: 1;
    width: 960px;
}

#latest-friends-title {
    width: 940px;
    letter-spacing: 0.05em;
    text-align: center;
}

#friends_wrap {
    min-height: 120px;
    height: auto;
    display: block;
}

.single_latest_friend {
    background-color: #F5F5F5;
    border: 1px solid #DEDEDE;
    display: block;
    padding: 4px;
    position: relative;
    z-index: 1;
    margin-right: 16px;
    margin-bottom: 16px;
    -webkit-transition: margin 0.1s ease-out;
    -moz-transition: margin 0.1s ease-out;
    -o-transition: margin 0.1s ease-out;
    -ms-transition: margin 0.1s ease-out;
    transition: margin 0.1s ease-out;
    height: 100px;
    width: 100px;
    float: left;
}

.single_latest_friend:hover {
    margin-top: -2px
}

.single_latest_friend img {
    display: block;
    height: 100px;
    width: 100px;
}

#home_latest_posts {
    margin: 0;
    position: relative;
    zoom: 1;
    margin: 0 -40px -40px 0;
}

    #home_latest_posts h4,
    #home_latest_posts .meta {
        margin: 0 0 10px
    }

#latest-posts-title {
    letter-spacing: 0.05em;
    width: 610px;
    margin: 0 0 30px;
}

.first_latest {
    width: 610px;
    margin: 0 0 40px 0;
    position: relative;
}

.single_latest {
    width: 285px;
    margin: 0 40px 40px 0;
    position: relative;
    float: left;
}

.single_latest_img_link {
    display: block;
    margin-bottom: 15px;
    float: left;
    margin: 0 20px 0 0;
    width: 100%;
}

.first_latest img {
    max-width: 600px;
    margin-bottom: 20px;
}

.single_latest img {
    max-width: 275px;
    max-height: 150px;
    margin-bottom: 20px;
}

.port_cat_position {
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 30px;
    color: #999999;
}

    .port_cat_position a {
        color: #999999
    }

.no_margin .info_wrap,
#home_latest_posts .no_margin,
#footer .no_margin,
#main_content .no_margin,
.no_margin {
    margin: 0
}

#main_content .blog_magazine,
#main_content .blog_classic {
    margin-bottom: -35px
}

    #main_content .blog_magazine .no_margin_right {
        margin-right: 0
    }

.space_killer {
	margin-top: -40px;
}

#home_widgets {
    margin: 0 -9999px 30px;
    padding: 40px 9999px;
    position: relative;
    background-color: #F5F5F5;
    -webkit-box-shadow: 0px 0px 2px 1px #E7E7E7 inset;
    -moz-box-shadow: 0px 0px 2px 1px #E7E7E7 inset;
    box-shadow: 0px 0px 2px 1px #E7E7E7 inset;
    border-bottom: 1px solid #EBEBEB;
    zoom: 1;
}

    #home_widgets .widget {
        text-align: center
    }

    #home_widgets h3 {
        margin-top: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #E3E3E3;
    }

#home_widget_wrap {
    width: 960px;
    display: block;
    margin-right: -40px;
}

#home_widget_wrap.banner_widget_count1 {
    max-width: 940px;
    margin: 0;
}

#home_widget_wrap.banner_widget_count3,
#home_widget_wrap.banner_widget_overflow {
    width: 1020px;
    margin-right: -40px;
}

#home_widget_wrap.banner_widget_overflow {
    margin-bottom: -30px
}

#home_widget_wrap.banner_widget_count1 .widget {
    width: 940px;
    float: left;
    margin-right: 0;
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap input {
    float: left
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap input[type="text"] {
    margin-right: 20px
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap input[type="submit"] {
    width: 100%;
    padding: 0 10px;
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields0 form,
#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields2 form,
#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields4 form {
    margin-left: 80px
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields1 input {
    width: 210px
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields1 input[type="submit"] {
    width: 184px
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields2 input:nth-child(3) {
    clear: both
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields3 form {
    margin-left: 45px
}

    #home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields3 form input:nth-child(6) {
        margin-right: 0
    }

    #home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields3 form input[type="submit"] {
        width: 270px
    }

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields5 form input {
    width: 198px
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields5 form input:nth-child(8) {
    margin-right: 0
}

#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields5 form input[type="submit"] {
    width: 220px
}

#home_widget_wrap.banner_widget_count2 .widget {
    width: 440px;
    float: left;
    margin-right: 40px;
}

#home_widget_wrap.banner_widget_count2.rescue_email_banner .widget {
    width: 270px;
    float: left;
    margin-right: 0;
    text-align: left !important;
    font-size: 16px;
    line-height: 28px;
}

#home_widget_wrap.banner_widget_count2.rescue_email_banner .widget:first-child {
    width: 610px;
    float: left;
    margin-right: 60px;
    text-align: left;
}

#home_widget_wrap.banner_widget_count3 .widget,
#home_widget_wrap.banner_widget_overflow .widget {
    width: 280px;
    float: left;
    margin-right: 50px;
}

#home_widget_wrap.banner_widget_overflow .widget {
    margin-bottom: 30px
}

.widget h3 {
    margin-top: 0
}

/* === Email Capture === */

#rescue_email_capture form {
    margin-top: 10px
}

#rescue_email_capture form:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    width: 0;
}

#rescue_email_capture input[type="text"] {
    margin: 10px 0 0;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #757575;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height: 30px;
}

#rescue_email_capture input[type="submit"] {
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}

/* === Featured Pets === */

#no_slide_bump {
    height: 80px;
    display: block;
}

#featured_pets {
    width: auto;
    margin: 40px 0 40px;
    padding: 29px;
    background-color: #FFFFFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #DEDEDE;
}

	#featured_pets:before,
	#featured_pets:after {
	    display: block;
	    content: "";
	    position: absolute;
	    height: 3px;
	    border: 1px solid #DEDEDE;
	    background-color: #FFFFFF;
	    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
	    -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
	    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
	}
	
	#featured_pets:before {
	    left: 3px;
	    bottom: -5px;
	    width: 930px;
	}
	
	#featured_pets:after {
	    left: 6px;
	    bottom: -9px;
	    width: 924px;
	    z-index: 1;
	}
	
	#featured_pets h3 {
	    text-align: center;
	    margin: 0 0 30px;
	}
	
	#featured_pets #featured_inner {
	    width: 100%;
	    max-width: 660px;
	    margin-left: auto;
	    margin-right: auto;
	}

.single_pet {
    width: 300px;
    height: 160px;
    float: left;
    margin-right: 30px;
    border: 8px solid #FFFFFF;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #FFFFFF;
}

    .single_pet .mask,
    .single_pet .content {
        width: 300px;
        height: 160px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .single_pet img {
        display: block;
        position: relative;
    }

    .single_pet h2 {
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        margin: 10px 0 0 0;
    }

    .single_pet p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center;
    }

    .single_pet a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000;
    }

    .single_pet a.info: hover {
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }

    .single_pet img {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .single_pet .mask {
        background-color: #FFFFFF;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        pointer-events: none;
    }
    .single_pet:hover .mask {
        pointer-events: auto;
    }

    .single_pet h2 {
        border-bottom: 1px solid #EFEFEF;
        background: transparent;
        margin: 10px 40px 0px 40px;
        -webkit-transform: scale();
        -moz-transform: scale();
        -o-transform: scale();
        -ms-transform: scale();
        transform: scale();
        color: #393939;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .single_pet p {
        color: #393939;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale();
        -moz-transform: scale();
        -o-transform: scale();
        -ms-transform: scale();
        transform: scale();
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

a.more_featured {
    color: #8E7218;
    background-color: #ffe44f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 228, 96)), to(rgb(255, 228, 63)));
    background-image: -webkit-linear-gradient(top, rgb(255, 228, 96), rgb(255, 228, 63));
    background-image: -moz-linear-gradient(top, rgb(255, 228, 96), rgb(255, 228, 63));
    background-image: -o-linear-gradient(top, rgb(255, 228, 96), rgb(255, 228, 63));
    background-image: -ms-linear-gradient(top, rgb(255, 228, 96), rgb(255, 228, 63));
    background-image: linear-gradient(top, rgb(255, 228, 96), rgb(255, 228, 63));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe460', EndColorStr='#ffe43f');
    padding: 0 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-shadow: 0 1px 1px #E6BE3D;
    border: 1px solid #F4D581;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

a.more_featured:hover {
    text-decoration: none;
    background-color: #ffe65c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 230, 110)), to(rgb(255, 231, 74)));
    background-image: -webkit-linear-gradient(top, rgb(255, 230, 110), rgb(255, 231, 74));
    background-image: -moz-linear-gradient(top, rgb(255, 230, 110), rgb(255, 231, 74));
    background-image: -o-linear-gradient(top, rgb(255, 230, 110), rgb(255, 231, 74));
    background-image: -ms-linear-gradient(top, rgb(255, 230, 110), rgb(255, 231, 74));
    background-image: linear-gradient(top, rgb(255, 230, 110), rgb(255, 231, 74));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffe66e', EndColorStr='#ffe74a');
    -webkit-box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.2) inset;
    -webkit-transition: all 0.0s linear;
    -moz-transition: all 0.0s linear;
    -o-transition: all 0.0s linear;
    -ms-transition: all 0.0s linear;
    transition: all 0.0s linear;
}

a.more_featured:active {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05) inset;
    -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05) inset;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05) inset;
}

.single_pet:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.single_pet:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.single_pet:hover h2,
.single_pet:hover p,
.single_pet:hover a.more_featured {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* === Pagina de acasă: ordine clară – Animalele lunii deasupra, Cele mai noi dedesubt === */

.home_page_sections #featured_pets {
    margin-top: 40px;
    display: block;
    width: 100%;
    clear: both;
}

.home_page_sections #featured_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

.home_page_sections .single_pet {
    margin-right: 0;
    width: 280px;
    height: 160px;
    flex-shrink: 0;
}

.home_page_sections .single_pet img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_page_sections #home_latest_friends {
    margin-top: 32px;
    display: block;
    width: 100%;
    clear: both;
}

.home_page_sections #latest-friends-title {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}

.home_page_sections #friends_wrap {
    float: none !important;
    border-left: none !important;
    padding-left: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 16px;
    max-width: 100%;
}

.home_page_sections .single_latest_friend {
    margin: 0 !important;
}

.home_page_sections .single_latest_friend img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
}

/* === Slider Area (bandă stabilă sus) === */

#slider_wrap {
    /* loading.gif nu mai există; folosim logo-ul existent pentru a evita referințe rupte */
    background: #E8E8E8 url("../images/eu-adopt-logo-complete.svg") no-repeat center center;
    position: relative;
    width: 100%;
    height: 320px;
    min-height: 320px;
    overflow: hidden;
}

/* Containerul FlexSlider și viewport-ul umplu înălțimea rezervată */
#slider_wrap .flexslider,
#slider_wrap .flex-viewport {
    height: 100% !important;
    min-height: 320px;
}

#slider_wrap .slides {
    height: 100% !important;
    min-height: 320px;
}

#slider_wrap .slide_image_wrap {
    height: 100%;
}

    #slider_wrap img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    #slider_wrap .flex-control-nav {
        z-index: 2;
        bottom: 20px;
        display: none;
    }

.flex-direction-nav {
    width: 70px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}

.flex-direction-nav:after {
    content: "";
    clear: both;
}

.flex-direction-nav li {
    width: 35px;
    float: left;
    height: 30px;
    display: block;
}

#slider_wrap .flex-prev,
#slider_wrap .flex-next {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: block;
    text-indent: -9999px;
    font-size: 0px;
    z-index: 2;
    left: auto;
    right: auto;
    top: auto;
    position: relative;
    margin: auto;
    opacity: 1;
    font-family: 'FontAwesome';
    text-decoration: none;
}

		#slider_wrap .flex-prev:before,
		#slider_wrap .flex-next:before {
	        font-family: 'FontAwesome';
		    display: block;
		    font-size: 30px;	    
		    height: 30px;
		    width: 30px;
		    line-height: 30px;
		    text-indent: 0;
		    text-align: center;
		    color:#FFFFFF;
		    text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        }
        
        #slider_wrap .flex-prev:before {
		    content: "\f0a8";
        }
        
		#slider_wrap .flex-next:before {
		    content: "\f0a9";
        }
        
	        #slider_wrap .flex-prev:hover:before,
			#slider_wrap .flex-next:hover:before {
				color:#F5F5F5;
				-webkit-transition: color .3s linear;
				-moz-transition: color .3s linear;
				-ms-transition: color .3s linear;
				-o-transition: color .3s linear;
				transition: color .3s linear;
			}

#slider_wrap .flex-prev {
    float: left;
    background-position: 0 0;
}

#slider_wrap .flex-next {
    float: right;
    background-position: -30px 0;
}

#slider_wrap .flex-prev:hover {
    background-position: 0 -30px
}

#slider_wrap .flex-next:hover {
    background-position: -30px -30px
}

ul.slides {
    min-height: 320px;
    height: 100%;
    display: block;
}

    /* Înainte de JS: când .slides e copil direct al #slider_wrap, arătăm doar primul slide */
    #slider_wrap > ul.slides > li {
        display: none;
    }
    #slider_wrap > ul.slides > li:first-child {
        display: block;
        height: 100%;
    }
    #slider_wrap > ul.slides > li:first-child img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    /* După ce FlexSlider înconjoară cu .flexslider, .slides nu mai e copil direct – FlexSlider controlează display */

.hero-logo a {
    display: block;
    text-decoration: none;
}

/* CTA principal VREAU ACASĂ - peste hero */
.hero-cta-vreau-acasa {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: inline-block;
    padding: 14px 36px;
    background: rgba(21,151,211,0.92);
    color: #fff !important;
    font-size: 1.35rem;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    text-decoration: none !important;
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    animation: hero-cta-pulse 2.5s ease-in-out infinite;
}
.hero-cta-vreau-acasa:hover {
    background: rgba(21,151,211,1);
    transform: translateX(-50%) scale(1.03);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    text-decoration: none !important;
}
@keyframes hero-cta-pulse {
    0%, 100% { box-shadow: 0 4px 16px rgba(0,0,0,0.25); }
    50% { box-shadow: 0 4px 20px rgba(21,151,211,0.5); }
}

/* Mission bar - sub hero */
.mission-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem 1.5rem;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f5f8fa 0%, #eef2f5 100%);
    border-bottom: 1px solid #e0e6ea;
    font-size: 1.05rem;
    color: #444;
    animation: mission-bar-fadein 0.3s ease-out;
}
@keyframes mission-bar-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes mission-bar-flame {
    0%, 100% { text-shadow: 0 0 4px rgba(198,40,40,0.4), 0 0 8px rgba(198,40,40,0.3); }
    50% { text-shadow: 0 0 8px rgba(198,40,40,0.8), 0 0 16px rgba(198,40,40,0.5), 0 0 24px rgba(255,100,50,0.3); }
}
@keyframes mission-bar-blink {
    0%, 100% { opacity: 1; filter: brightness(1); }
    50% { opacity: 0.92; filter: brightness(1.08); }
}
@keyframes mission-bar-link-pulse {
    0%, 100% { text-shadow: 0 0 6px rgba(21,151,211,0.6), 0 0 12px rgba(21,151,211,0.4); transform: scale(1); }
    50% { text-shadow: 0 0 12px rgba(21,151,211,0.9), 0 0 20px rgba(21,151,211,0.6); transform: scale(1.02); }
}
.mission-bar-item {
    white-space: nowrap;
    animation: mission-bar-flame 2s ease-in-out infinite, mission-bar-blink 1.5s ease-in-out infinite;
}
.mission-bar-item:nth-child(2) { animation-delay: 0.2s, 0.1s; }
.mission-bar-item:nth-child(3) { animation-delay: 0.4s, 0.2s; }
.mission-bar-link {
    color: #1597d3;
    font-weight: 700;
    animation: mission-bar-link-pulse 2s ease-in-out infinite;
    text-decoration: none !important;
}
.mission-bar-link:hover {
    text-decoration: underline !important;
    animation: mission-bar-link-pulse 1s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
    .mission-bar-item,
    .mission-bar-link { animation: none; }
}

/* ============================================== POSTS ============================================== */

.entry-title {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #EFEFEF;
    margin: 0 0 20px;
}

#sidebar .widgettitle {
    background-color: #EEEEEE;
    padding: 5px 10px;
    margin: 0 0 20px;
    line-height: 25px;
}

.blog-content {
    float: right;
    width: 440px;
}

.more-link {
    display: inline-block;
    margin-top: 15px;
}

.meta,
.additional-meta,
.post_meta,
.single-meta {
    font-size: 11px;
    color: #737373;
    line-height: 15px;
}

.meta {
    margin: 0 0 15px
}

.post_meta {
    border-LEFT: 5px solid #F5F5F5;
    background-color:#FFFFFF;
    padding: 0 10px 10px 20px;
    margin: 30px 0 0;
    position: relative;
    -webkit-box-shadow: 0 2px 2px 0 #E1E1E1;
	-moz-box-shadow: 0 2px 2px 0 #E1E1E1;
	box-shadow: 0 2px 2px 0 #E1E1E1;
}

	.post_meta:before {
		content:"";
		width:0;
		height: 100%;
		position: absolute;
		left:5px;
		top:0;
		border-left: 1px dashed #F5F5F5;
	}

.single .post_meta {
    margin: 25px 0 40px;
}

.blocks_wrap {
    float: left
}

.meta_block {
    margin: 10px 40px 0 0;
    float: left;
}

    .meta_block span {
        display: block;
        font-weight: 100;
    }

.additional-meta {
    margin: 0 0 20px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.single-meta {
    margin: 30px 0 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.additional-meta_comments {
    position: absolute;
    top: 5px;
    right: -30px;
    z-index: 2;
    height: 46px;
    line-height: 47px;
    width: 46px;
    display: block;
}

.first_blog_post .additional-meta_comments {
    top: 10px
}

.additional-meta_comments .comments-link {
    display: block;
    height: 46px;
    line-height: 47px;
    width: 46px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: none;
    text-decoration: none;
    font-size: 18px;
}

.entry-content-single {
    margin: 0 0 40px
}

#post-single {
    margin: 0 0 20px
}

.posts-wrap {
    clear: none;
    width: 610px;
}

.about_the_author {
    padding: 19px;
    margin: 30px 0 40px;
    border: 1px solid #EFEFEF;
    background: #F5F5F5;
}

    .about_the_author img {
        padding: 4px;
        background: #FFFFFF;
        border: 1px solid #CFCFCF;
        margin: 0 20px 0 0;
        float: left;
    }

.author_info {
    float: left;
    width: 460px;
}

.author_title,
.author_about {
    margin-bottom: 10px
}

    .author_title h3 {
        margin: 0
    }

.author_links a {
    float: left;
    margin: 0 70px 0 0;
    font-size: 12px;
}

.post_content {
    position: relative
}

.the_blog .post,
.archive .post,
.search_results > div.post,
.search_results > div.page {
    margin-bottom: 60px
}

/* ============================================== SINGLE PET POST ============================================== */

#single_petpost_photos-wrap {
    float: left;
    margin-bottom: 20px;
}

#single_petpost_photos {
    width: 210px;
    margin: 0 40px 20px 0;
    padding: 9px;
    background-color: #FFFFFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #DEDEDE;
}

#single_petpost_photos:before,
#single_petpost_photos:after {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    border: 1px solid #DEDEDE;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);
}

#single_petpost_photos:before {
    left: 3px;
    bottom: -5px;
    width: 220px;
}

#single_petpost_photos:after {
    left: 6px;
    bottom: -9px;
    width: 214px;
    z-index: 1;
}

#single_petpost_photos img {
    display: block
}

.preview {
    position: absolute;
    bottom: 14px;
    right: 14px;
    height: 23px;
    width: 23px;
    display: block;
    background-color:#FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#909090;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}

	.preview:before {
        font-family: 'FontAwesome';
	    content: "\f00e";
	    display: block;
	    line-height: 23px;
	    width:23px;
	    height:23px;
	    text-align: center;
    }

#single_petpost_thumbnails {
    width: 240px;
    margin-right: -20px;
}

    #single_petpost_thumbnails a {
        display: block;
        float: left;
        height: 60px;
        width: 60px;
        margin: 0 10px 10px 0;
        background-color: #FFFFFF;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        border: 1px solid #DEDEDE;
        padding: 4px;
        position: relative;
    }

        #single_petpost_thumbnails a img {
            display: block;
            float: left;
            height: 60px;
            width: 60px;
        }

        #single_petpost_thumbnails a .preview {
            position: absolute;
            top: 0;
            left: 0;
            width: 68px;
            height: 68px;
            display: block;
        }

			#single_petpost_thumbnails a .preview:before {
	            width: 68px;
	            height: 68px;
	            line-height: 68px;
	        }
	   
		#single_petpost_thumbnails a:hover .preview,
		#single_petpost_photos a:hover .preview {
			opacity: .9;
		}

.pet-name-title,
.breed {
    display: block;
    float: right;
    width: 340px;
}

.breed {
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 10px;
    margin: -10px 0 20px;
    font-size: 12px;
    line-height: 16px;
    position: relative;
}

.pet_info {
    margin: 0 -10px 10px 0;
    display: block;
    float: right;
    width: 350px;
}

.entry-content.no_pet_images .pet_info,
.entry-content.no_pet_images .pet-name-title,
.entry-content.no_pet_images .breed {
    float: none;
    width: 100%;
}

.pet_info span {
    display: block;
    position: relative;
    float: left;
    font-size: 12px;
    margin: 0 10px 10px 0;
    padding: 0 5px 0 25px;
    color: #6C6C6C;
    background-color: #EBEBEB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

.pet_info span:hover {
    background-color: #D3D3D3
}

.pet_info span:before {
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f00c";
    position: absolute;
    left: 5px;
    top: 0;
    color: #8C8C8C;
    -webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    -ms-transition: color 250ms linear;
    transition: color 250ms linear;
}

.pet_info span:hover:before {
    color: #06A705
}

.pet_info span.ex:before {
    content: '\f00d';
    left:6px;
}

.pet_info span.ex:hover:before {
    color: #C20606
}

/* Share bar (single pet page, under image) */
.share-bar {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #EFEFEF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.share-bar .share-bar-label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-right: 4px;
    width: 100%;
    margin-bottom: 4px;
}
.share-bar h5.share-bar-label {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    width: 100%;
}
.share-bar .share-btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: #f0f0f0;
    color: #333;
    font-family: inherit;
}
.share-bar .share-btn:hover {
    text-decoration: none;
    opacity: 0.9;
}
.share-bar .share-fb { background: #1877f2; color: #fff; }
.share-bar .share-wa { background: #25d366; color: #fff; }
.share-bar .share-mail { background: #666; color: #fff; }
.share-bar .share-copy { background: #555; color: #fff; }
.share-bar-note {
    margin-top: 8px;
    font-size: 0.9em;
    opacity: 0.85;
    color: #666;
    width: 100%;
    font-style: italic;
}

/* ============================================== ARCHIVE ============================================== */

#animal_list,
.animal_filter_list {
	margin-bottom: 40px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
}
body.page-animale #animal_list,
body.page-animale .animal_filter_list {
	border-bottom: none !important;
}

	#animal_list li,
	.animal_filter_list li {
		float: left;
		margin: 0 10px 10px 0;
		line-height: 30px;
		color: #808080;
	}

	.animal_filter_list .filter_label {
		font-weight: bold;
		margin-right: 8px;
	}

	.animal_filter_list a {
		padding: 4px 12px;
		background: #f0f0f0;
		border-radius: 4px;
		text-decoration: none;
		color: #333;
	}

	.animal_filter_list a:hover,
	.animal_filter_list a.active {
		background: #d32f2f;
		color: #fff;
	}

.the_archive .post {
    border-bottom: 1px solid #CFCFCF;
    margin: 0 0 40px;
}

.post-archive {
    padding: 20px 0 20px 70px;
    position: relative;
    min-height: 50px;
    line-height: 25px;
    border-top: 1px solid #FFFFFF;
}

.post-archive_wrap:first-child,
.post-archive_wrap:first-child .post-archive {
    border-top: none
}

.post-archive .archive_image_link {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px #BEBEBE;
    -moz-box-shadow: 0px 1px 1px 0px #BEBEBE;
    box-shadow: 0px 1px 1px 0px #BEBEBE;
    height: 46px;
    width: 46px;
}

h3.archive-entry-title {
    margin: 0;
    line-height: 25px;
}

.archive-meta {
    font-size: 11px;
    color: #555555;
}

/* Pet Archive – grid în stil OLX (4–5 carduri pe rând) */

/* Pagina listă animale: conținut pe toată lățimea, fără sidebar */
.pets-archive .posts-wrap {
	width: 100%;
	max-width: 100%;
}
.pets-archive #sidebar {
	display: none;
}
.pets-archive #main_content .container {
	width: 100%;
	max-width: 1280px;
}

/* Pagina Animale: layout cu filtre în stânga; coloana #sidebar ascunsă (nu folosim sidebar pe PT) */
body.page-animale #sidebar {
	display: none;
}
body.page-animale #main_content {
	overflow: visible !important;
	padding: 0 !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box;
}
/* PT responsive – ca pe HOME 2: fără zoom/scale, overflow-x blocat, containere fluid */
body.page-animale,
body.page-animale #main_wrap {
	overflow-x: hidden !important;
	max-width: 100vw !important;
	width: 100% !important;
}
body.page-animale #main_content,
body.page-animale #main_content .container,
body.page-animale .animale-layout-with-filters,
body.page-animale .animale-filters-left,
body.page-animale .posts-wrap {
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
body.page-animale .posts-wrap {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
body.page-animale #all_pets_wrap.pets-grid {
	min-width: 0 !important;
}
body.page-animale img {
	max-width: 100% !important;
	height: auto !important;
}
#all_pets_wrap.pets-grid img.attachment-pet_single_large {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
body.page-animale {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
body.page-animale #main_content .container {
	width: 100%;
	max-width: min(1280px, 100%);
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
	overflow: visible;
}
/* Înălțime rând: viewport minus bande și navbar – P5 se oprește la bandă */
body.page-animale #main_content .container > .animale-layout-with-filters {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: calc(100vh - 72px - 72px - 80px);
}
body.page-animale .animale-layout-with-filters {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 0 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	overflow: visible;
}
body.page-animale .animale-filters-left {
	flex-shrink: 0;
	width: clamp(260px, 22vw, 420px);
	order: 1;
	display: flex !important;
	flex-direction: column !important;
	visibility: visible !important;
	background: transparent;
	border-radius: 0;
	padding: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	min-height: 0;
	overflow: visible;
	box-sizing: border-box;
}
/* P3 – casetă independentă, fără chenar */
body.page-animale #P3.p3-caseta-independenta {
	position: relative;
	border: none;
	overflow: visible;
}
body.page-animale #P3 .p3-identificare {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	font-size: 5rem;
	font-weight: 900;
	color: #c62828;
	letter-spacing: 0.08em;
	line-height: 1;
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
	pointer-events: none;
}
body.page-animale #P3 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
body.page-animale .p3-container-below {
	margin-top: 0 !important;
	padding-top: 0 !important;
	position: relative;
	top: 0;
}
/* P3 – 3mm în sus (padding-top); restul padding 0,25rem */
body.page-animale #P3.pet-filters-box {
	margin: 0 !important;
	margin-top: 0 !important;
	padding: 3mm 0.25rem 0 0.25rem !important;
	border-radius: 0 !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: auto;
	max-height: none;
	overflow: visible;
	font-size: 60%;
}
/* Buton P3 – Găsește-ți sufletul pereche: font-size din inline (clamp); nu suprascrie aici */
.p3-match-btn {
	font-weight: 700;
	line-height: 1.1;
}
body.page-animale #P3 .p3-title {
	margin: 0 0 0.4rem 0 !important;
	font-size: 1.5em !important;
	text-align: center !important;
}
body.page-animale #P3 .p3-tip-butoane {
	margin-bottom: 0.5rem !important;
	margin-left: -1mm;
	display: flex !important;
	list-style: none;
	padding: 0;
	margin-right: 0;
	width: 100%;
}
body.page-animale #P3 label,
body.page-animale #P3 select,
body.page-animale #P3 > p,
body.page-animale #P3 form a {
	font-size: 1em !important;
}
body.page-animale #P3 select {
	width: 100% !important;
	min-width: 0;
	padding: 0.25rem 0.35rem !important;
	min-height: 1.8em;
	line-height: 1.2;
	box-sizing: border-box;
	font-size: 1.25em !important;
}
body.page-animale #P3 select option {
	font-size: 1.25em;
}
body.page-animale #P3 .p3-filters-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto auto !important;
	gap: 0.25rem 0.35rem !important;
	margin-bottom: 0.25rem !important;
}
body.page-animale #P3 .p3-filter-cell {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}
body.page-animale #P3 .p3-filter-cell label {
	margin: 0 !important;
	font-size: 1em !important;
}
body.page-animale #P3 .p3-reset-link {
	display: block;
	text-align: center;
	margin-top: 0.2rem !important;
	font-size: 1em !important;
}
/* Filtru vârstă: slider dublu 0–20 */
body.page-animale .p3-filter-varsta-slider {
	flex-direction: column;
	align-items: stretch;
}
body.page-animale .varsta-slider-wrap { width: 100%; min-width: 0; }
body.page-animale .varsta-slider-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.35rem; }
body.page-animale .varsta-slider-row input[type="range"] { flex: 1; min-width: 0; max-width: 100%; }
body.page-animale .varsta-slider-label { flex-shrink: 0; font-size: 0.9em; }
body.page-animale .varsta-slider-text { margin: 0.35rem 0 0; font-size: 0.9em; }
/* Butoane Toate/Câini/Pisici/Altele – lipite, încap în casetă, un singur rând */
body.page-animale .p3-tip-butoane {
	gap: 0.2rem !important;
	min-width: 0;
}
body.page-animale .p3-tip-butoane li {
	flex: 1 1 0;
	min-width: 0;
	margin: 0 !important;
}
body.page-animale #P3 .p3-tip-butoane a {
	font-size: 1.2em !important;
	padding: 0.22rem 0.18rem !important;
}
body.page-animale .p3-tip-butoane a {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 0.2rem !important;
	font-size: 0.8rem !important;
	text-align: center;
	box-sizing: border-box;
}
body.page-animale .p3-tip-butoane .p3-btn-label {
	display: block;
	line-height: 1.2;
}
body.page-animale .p3-tip-butoane .p3-btn-count {
	display: block;
	font-size: 0.75rem !important;
	opacity: 0.9;
	line-height: 1.2;
	margin-top: 0.1rem;
}
body.page-animale #P3 .p3-tip-butoane .p3-btn-count {
	font-size: 1em !important;
}
body.page-animale .p3-matching-btn-wrap .matching-open-btn,
body.page-animale .p3-gaseste-prieten-btn {
	width: 100%;
	box-sizing: border-box;
	white-space: normal;
	text-align: center;
	line-height: 1.2;
	font-size: 4rem !important;
	min-height: 72px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 14px 24px !important;
	font-weight: 700 !important;
	background: #c62828 !important;
	color: #fff !important;
	border-radius: 8px !important;
}
body.page-animale .p3-matching-btn-wrap .matching-open-btn:hover {
	background: #b71c1c !important;
	color: #fff !important;
}
body.page-animale .p3-matching-btn-wrap {
	margin-bottom: 0;
	height: auto;
	max-height: none;
	overflow: visible;
}
/* Buton P3 – mărit vizual, fără a afecta layout-ul general */
.p3-matching-btn-wrap > a {
	font-size: clamp(56px, 4.8vw, 88px) !important;
	padding: 26px 20px !important;
	white-space: normal;
}
/* Buton sub P3 (.p3-btn-below) – lipit de P5, fără spațiu */
body.page-animale .p3-btn-below {
	margin-bottom: 0 !important;
}
.p3-btn-below {
	height: auto;
	max-height: none;
	overflow: visible;
}
.p3-btn-below .p3-below-btn {
	/* Dimensiunea textului vine din inline (clamp) pe butonul vechi – nu o mai forțăm aici */
	white-space: normal;
}
/* Caseta fixă la partea de jos a ecranului (PT) – dintr-un capăt în altul */
body.page-animale .pt-bottom-caseta {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 56px;
	background: #f0f0f0;
	border: none;
	z-index: 999;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.page-animale .pt-bottom-caseta .pt-bottom-caseta-inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 12px 16px;
	box-sizing: border-box;
}
/* Lasă spațiu la scroll ca conținutul să nu rămână sub casetă */
/* P5: lipit de P3 (ridicat 3mm ≈ 11px), lipit de bara de jos */
body.page-animale .p3-container-below {
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 3mm;
	flex: 1 1 auto;
	min-height: 120px;
	background: transparent;
	border: none;
	box-sizing: border-box;
	overflow: auto;
}
body.page-animale .p3-container-below .p3-below-identificare {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	font-size: 5rem;
	font-weight: 900;
	color: #c62828;
	letter-spacing: 0.08em;
	line-height: 1;
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
	pointer-events: none;
}
body.page-animale .animale-filters-left .casete-publi-animale {
	margin-top: -2mm !important;
}

/* P2 – container dreapta între P1 (bara poze sus) și P3 (bara poze jos), în layout-ul principal (nu în sidebar) */
body.page-animale #P2.pt-right-panel {
	position: relative;
	flex: 0 0 260px;
	align-self: stretch;
	order: 3;
	width: 260px;
	min-height: 240px;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
	background: #c62828;
	border: 2px solid #000;
	box-sizing: border-box;
	overflow: hidden;
}
body.page-animale #P2 .pt-right-identificare {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	font-size: 4rem;
	font-weight: 900;
	color: #c62828;
	letter-spacing: 0.08em;
	line-height: 1;
	pointer-events: none;
}
/* PT: zero chenare – nici 1px, nici punctate/dashed, nici colorate */
body.page-animale .container,
body.page-animale .animale-layout-with-filters,
body.page-animale .animale-filters-left,
body.page-animale .posts-wrap,
body.page-animale .posts-wrap .page,
body.page-animale #animal_list,
body.page-animale .animal_filter_list,
body.page-animale .animal_filter_list li,
body.page-animale .animal_filter_list a,
body.page-animale #P3,
body.page-animale #P3 .p3-filters-grid,
body.page-animale #P3 .p3-filter-cell,
body.page-animale #P3 .p3-reset-link,
body.page-animale .p3-btn-below,
body.page-animale #sidebar,
body.page-animale #sidebar .widget,
body.page-animale #sidebar .widget_hours,
body.page-animale #sidebar .business_location,
body.page-animale #sidebar .widget_hours .the_hours,
body.page-animale #sidebar .widget_hours .pw_map_canvas,
body.page-animale #sidebar .widget li,
body.page-animale #all_pets_wrap.pets-grid .rescue_pet.pet-card,
body.page-animale .post_meta,
body.page-animale .post_meta:before,
body.page-animale .share-bar,
body.page-animale .the_archive .post,
body.page-animale .post-archive,
body.page-animale .post-archive .archive_image_link,
body.page-animale .widget_hours .the_hours,
body.page-animale .featured_user .avatar {
	border: none !important;
	border-width: 0 !important;
	border-top-width: 0 !important;
	border-right-width: 0 !important;
	border-bottom-width: 0 !important;
	border-left-width: 0 !important;
	border-style: none !important;
}
body.page-animale #all_pets_wrap.pets-grid .rescue_pet.pet-card:hover {
	border-color: transparent !important;
}
body.page-animale .animale-layout-with-filters .posts-wrap {
	float: none !important;
	width: auto !important;
	flex: 1;
	min-width: 0;
	order: 2;
}

/* Titlul "Animale disponibile": coborât 0,5 cm, mai gros și mai vizibil; contor Câini/Pisici în continuare, aceleași dimensiuni */
body.page-animale .posts-wrap .page > h2.entry-title {
	margin-top: 1.18125rem !important;
	font-weight: 800 !important;
	font-size: 1.75rem !important;
	color: #1a1a1a !important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
body.page-animale .posts-wrap .page > h2.entry-title .animale-totale-caini-pisici {
	margin-left: 0.35em;
	font-weight: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
}

/* ========== PT (page-animale) – responsive ca pe HOME 2: breakpoint-uri 56.25em (900px), 37.5em (600px), 24em (384px); fără zoom/scale ========== */
@media (max-width: 56.25em) {
	body.page-animale .animale-filters-left {
		width: 220px !important;
		min-width: 220px !important;
		max-width: 220px !important;
	}
	body.page-animale #main_content .container {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
	body.page-animale #P3.pet-filters-box {
		padding: 0.2rem 0.2rem !important;
	}
	body.page-animale #P3 .p3-title {
		font-size: 1.35em !important;
	}
	body.page-animale .posts-wrap .page > h2.entry-title {
		font-size: 1.5rem !important;
		margin-top: 0.826875rem !important;
	}
	body.page-animale #all_pets_wrap.pets-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 1rem !important;
	}
	body.page-animale .p3-container-below {
		top: 0 !important;
		min-height: 100px !important;
	}
}
@media (max-width: 37.5em) {
	body.page-animale .animale-layout-with-filters {
		flex-direction: column !important;
		gap: 1rem !important;
		align-items: stretch !important;
	}
	body.page-animale .animale-filters-left {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		order: 1 !important;
	}
	body.page-animale .animale-layout-with-filters .posts-wrap {
		order: 2 !important;
		width: 100% !important;
	}
	body.page-animale #main_content .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	body.page-animale #P3.pet-filters-box {
		position: static !important;
		padding: 0.35rem 0.5rem !important;
	}
	body.page-animale #P3 .p3-title {
		font-size: 1.2em !important;
		margin-bottom: 0.5rem !important;
	}
	body.page-animale #P3 .p3-filters-grid {
		grid-template-columns: 1fr !important;
		gap: 0.35rem !important;
	}
	body.page-animale #P3 .p3-tip-butoane {
		flex-wrap: wrap !important;
		gap: 0.25rem !important;
	}
	body.page-animale #P3 .p3-tip-butoane li {
		flex: 1 1 calc(50% - 0.25rem) !important;
		min-width: 120px !important;
	}
	body.page-animale .posts-wrap .page > h2.entry-title {
		font-size: 1.35rem !important;
		margin-top: 0.590625rem !important;
	}
	body.page-animale #all_pets_wrap.pets-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.75rem !important;
	}
	body.page-animale #all_pets_wrap.pets-grid .pet-card-body {
		padding: 10px !important;
	}
	body.page-animale .pets-results-counter {
		font-size: 0.9rem !important;
		margin-bottom: 0.75rem !important;
	}
	body.page-animale .pets-grid-nav.navigation {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0.5rem !important;
		justify-content: center !important;
		align-items: center !important;
	}
	body.page-animale .pets-grid-nav .nav-prev,
	body.page-animale .pets-grid-nav .nav-next {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}
	body.page-animale .pets-grid-nav .nav-info {
		width: 100% !important;
		text-align: center !important;
		order: 3 !important;
	}
	body.page-animale .p3-container-below {
		top: 0 !important;
		min-height: 80px !important;
	}
}
/* PT – ecrane foarte mici: 1 coloană grid (același prag ca HOME 2: 24em = 384px) */
@media (max-width: 24em) {
	body.page-animale #all_pets_wrap.pets-grid {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
	}
	body.page-animale #P3 .p3-tip-butoane li {
		flex: 1 1 100% !important;
		min-width: 0 !important;
	}
	body.page-animale #main_content .container {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	body.page-animale #P3 .p3-title {
		font-size: 1rem !important;
	}
	body.page-animale .p3-gaseste-prieten-btn {
		font-size: 1.25rem !important;
		padding: 10px 12px !important;
		min-height: 48px !important;
	}
	body.page-animale .p3-container-below {
		top: 0 !important;
		min-height: 60px !important;
	}
}

/* Grid principal */
#all_pets_wrap.pets-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

#all_pets_wrap.pets-grid .rescue_pet.pet-card {
	margin: 0;
	width: auto;
	float: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
body.page-animale #all_pets_wrap.pets-grid .rescue_pet.pet-card {
	border: none !important;
	border-radius: 0;
}
#all_pets_wrap.pets-grid .rescue_pet.pet-card:hover {
	border-color: #ccc;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
body.page-animale #all_pets_wrap.pets-grid .rescue_pet.pet-card:hover {
	border-color: transparent !important;
}

#all_pets_wrap.pets-grid .rescue_pet .entry-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Imagine pătrată deasupra, ca la OLX */
#all_pets_wrap.pets-grid .pet-card-img-wrap {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	background: #f5f5f5;
}
#all_pets_wrap.pets-grid img.attachment-pet_single_large {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	display: block;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
#all_pets_wrap.pets-grid img.attachment-pet_single_large:hover {
	opacity: .92;
}

#all_pets_wrap.pets-grid .pet-card-body {
	padding: 12px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

#all_pets_wrap.pets-grid .pet-name-title {
	margin: 0;
	font-size: 1em;
	line-height: 1.3;
}
#all_pets_wrap.pets-grid .pet-name-title a {
	color: #333;
}
#all_pets_wrap.pets-grid .pet-name-title a:hover {
	color: #1597d3;
}

#all_pets_wrap.pets-grid .breed {
	font-size: 12px;
	line-height: 1.4;
	color: #666;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	float: none;
}

#all_pets_wrap.pets-grid .pet_info {
	width: 100%;
	float: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
#all_pets_wrap.pets-grid .pet_info span {
	margin: 0;
	float: none;
}

/* Contor rezultate: X câini/pisici își caută familia */
.pets-results-counter {
	margin: 0 0 1rem;
	font-size: 1rem;
	color: #444;
}
.pets-results-counter .pets-count { font-weight: 600; color: #1597d3; }

/* Badge-uri pe carduri animale */
#all_pets_wrap.pets-grid .pet-card-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 8px 14px 0;
}
#all_pets_wrap.pets-grid .pet-badge {
	font-size: 11px;
	color: #555;
	background: #f0f4f8;
	padding: 2px 8px;
	border-radius: 4px;
}
#all_pets_wrap.pets-grid .pet-card-img-wrap a {
	display: block;
	position: relative;
	overflow: hidden;
}
#all_pets_wrap.pets-grid .pet-card-img-wrap .attachment-pet_single_large {
	transition: transform 0.25s ease;
}
#all_pets_wrap.pets-grid .pet-card-img-wrap:hover .attachment-pet_single_large {
	transform: scale(1.04);
}
#all_pets_wrap.pets-grid .pet-card-hover-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.45);
	color: #fff;
	font-weight: 600;
	font-size: 0.95rem;
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
}
#all_pets_wrap.pets-grid .pet-card-img-wrap:hover .pet-card-hover-overlay {
	opacity: 1;
}

/* Buton Te plac pe card animale */
#all_pets_wrap.pets-grid .pet-card-te-plac-wrap {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 6;
}
#all_pets_wrap.pets-grid .pet-card-te-plac-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	font-size: 1.2rem;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	transition: background 0.2s;
}
#all_pets_wrap.pets-grid .pet-card-te-plac-btn:hover {
	background: #fff;
}
#all_pets_wrap.pets-grid .pet-card-te-plac-btn.active {
	background: #c62828;
}

/* PT: pe carduri doar inima, fără cerc */
body.page-animale #all_pets_wrap.pets-grid .pet-card-te-plac-btn {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 1.5em;
	min-height: 1.5em;
	padding: 4px;
}
body.page-animale #all_pets_wrap.pets-grid .pet-card-te-plac-btn:hover {
	background: rgba(255,255,255,0.3) !important;
}
body.page-animale #all_pets_wrap.pets-grid .pet-card-te-plac-btn.active {
	background: transparent !important;
}

/* Matching: buton + modal */
.matching-open-btn {
	padding: 8px 16px;
	background: #c62828;
	color: #fff !important;
	font-weight: 700;
	font-size: 1.05rem;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.25s, transform 0.25s;
}
.matching-open-btn:hover {
	background: #b71c1c;
	color: #fff !important;
	transform: scale(1.02);
}
/* P3 (Pagina Prietenul tău – pets-all.html): buton roșu mare, scris dublu */
body.page-animale .p3-matching-btn-wrap .matching-open-btn,
body.page-animale a.p3-gaseste-prieten-btn {
	min-height: 72px !important;
	padding: 14px 24px !important;
	font-size: 4rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1.25 !important;
}
body.page-animale a.p3-gaseste-prieten-btn:hover {
	transform: none;
}
.matching-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}
.matching-modal.matching-modal-open {
	opacity: 1;
	visibility: visible;
}
.matching-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
}
.matching-modal-content {
	position: relative;
	width: 90%;
	max-width: 400px;
	background: #fff;
	border-radius: 12px;
	padding: 1.5rem;
	box-shadow: 0 12px 40px rgba(0,0,0,0.25);
	animation: matchingModalIn 0.25s ease;
}
@keyframes matchingModalIn {
	from { opacity: 0; transform: translateY(-12px); }
	to { opacity: 1; transform: translateY(0); }
}
.matching-modal-content h3 { margin: 0 0 0.5rem; font-size: 1.2rem; }
.matching-modal-intro { margin: 0 0 1rem; font-size: 0.9rem; color: #555; }
.matching-form { display: flex; flex-direction: column; gap: 1rem; }
.matching-field label { display: block; font-size: 0.85rem; margin-bottom: 0.25rem; font-weight: 600; }
.matching-field select { width: 100%; padding: 0.5rem; border-radius: 6px; border: 1px solid #ddd; }
.matching-buttons { display: flex; gap: 0.75rem; margin-top: 0.5rem; }
.matching-submit-btn {
	padding: 0.6rem 1.2rem;
	background: #1597d3;
	color: #fff;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.25s;
}
.matching-submit-btn:hover { background: #1280b5; }
.matching-close-btn {
	padding: 0.6rem 1rem;
	background: #e5e5e5;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.25s;
}
.matching-close-btn:hover { background: #ddd; }

/* Rezumat rezultate (X animale găsite) */
.pets-results-summary {
	margin-bottom: 1rem;
	font-size: 14px;
	color: #555;
}
.pets-results-summary .pets-showing {
	color: #777;
}

/* Paginare pe toată lățimea */
#all_pets_wrap.pets-grid .pets-grid-nav {
	grid-column: 1 / -1;
	margin-top: 1.25rem;
	margin-bottom: 0;
}
.pagination-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
}
.pagination-prev,
.pagination-next {
	color: #1597d3;
	font-size: 14px;
}
.pagination-prev:hover,
.pagination-next:hover {
	text-decoration: underline;
}
.pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
}
.pagination-numbers a,
.pagination-current,
.pagination-ellipsis {
	display: inline-block;
	min-width: 2rem;
	padding: 0.35rem 0.5rem;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
}
.pagination-numbers a {
	background: #f0f0f0;
	color: #333;
}
.pagination-numbers a:hover {
	background: #e0e0e0;
	color: #1597d3;
}
.pagination-current {
	background: #1597d3;
	color: #fff;
	font-weight: bold;
}
.pagination-ellipsis {
	color: #999;
	cursor: default;
}
.pagination-info {
	margin-left: auto;
	font-size: 13px;
	color: #666;
}
#all_pets_wrap.pets-grid .pets-grid-empty {
	grid-column: 1 / -1;
}

/* 5 coloane pe ecrane largi */
@media only screen and (min-width: 1200px) {
	#all_pets_wrap.pets-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* 3 coloane pe tabletă */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#all_pets_wrap.pets-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 2 coloane pe ecrane mici */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#all_pets_wrap.pets-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}
	#all_pets_wrap.pets-grid .pet-card-body {
		padding: 10px;
	}
}

/* 1 coloană pe mobil */
@media only screen and (max-width: 479px) {
	#all_pets_wrap.pets-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* Reguli vechi pentru pagini fără .pets-grid (compatibilitate) */
#all_pets_wrap:not(.pets-grid) {
	width: 650px;
	margin-right: -40px;
}
#all_pets_wrap:not(.pets-grid) .rescue_pet {
	margin: 0 40px 60px 0;
	width: 285px;
	float: left;
}
#all_pets_wrap:not(.pets-grid) .rescue_pet:nth-child(2n) { margin-right: 0; }
#all_pets_wrap:not(.pets-grid) .rescue_pet:nth-child(2n-1) { clear: both; }
#all_pets_wrap:not(.pets-grid) img.attachment-pet_single_large {
	max-width: 275px;
	max-height: 275px;
}
#all_pets_wrap:not(.pets-grid) .pet-name-title { margin-top: 15px; }
#all_pets_wrap:not(.pets-grid) .pet-name-title,
#all_pets_wrap:not(.pets-grid) .breed { width: 100%; float: none; }
#all_pets_wrap:not(.pets-grid) .pet_info { width: 295px; float: none; }
#all_pets_wrap:not(.pets-grid) .rescue_pet:last-child { margin-bottom: 0; }

/* ============================================== SIDEBARS & WIDGETS ============================================== */

#sidebar {
    width: 270px;
    z-index: 1;
}

    #sidebar #searchform {
        display: none
    }

    #sidebar .widget {
        margin: 0 0 40px;
        padding: 0;
    }

#searchform {
    width: 100%
}

    #searchform input#s[type="text"] {
        width: 160px;
        color: #777777;
        float: left;
    }

    #searchform input[type="submit"] {
        float: right
    }
    
.rss-date {
	display: block;
	font-size: 12px;
	margin:5px 0 10px;
	color:#A9A9A9;
}

.rssSummary {
	margin-bottom: 10px;
}

/* business hours */

#sidebar.home_sidebar_push .widget:first-child .widget_hours {
    margin-top: -50px
}

#sidebar .widget_hours,
#sidebar .business_location {
    width: auto;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 2px 0px #E1E1E1;
    -moz-box-shadow: 0px 2px 2px 0px #E1E1E1;
    box-shadow: 0px 2px 2px 0px #E1E1E1;
    position: relative;
    overflow: hidden;
}

#sidebar .widget_hours {
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: #E7E7E7;
    padding: 19px 19px 14px;
}

    #sidebar .widget_hours > h4,
    #sidebar .widget_hours > .the_hours {
        position: relative;
        z-index: 2;
    }

#sidebar .business_location {
    text-align: center;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: #E7E7E7;
    padding: 19px;
    border-top: 1px dotted #C2C2C2;
}

#sidebar .widget_hours:after,
#sidebar .business_location:after {
    font-family: "FontAwesome";
    font-size: 250px;
    position: absolute;
    color: #F4F4F4;
    z-index: 1;
}

#sidebar .business_location:after {
    content: "\f0ac";
    bottom: 70px;
    left: -50px;
}

#sidebar .widget_hours:after {
    content: "\f017";
    top: 150px;
    left: -50px;
}

#sidebar .business_location p {
    margin: 0;
    position: relative;
    z-index: 2;
}

#sidebar .widget_hours .pw_map_canvas {
    margin: 10px -19px -14px;
    width: 266px !important;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: #C2C2C2;
    z-index: 2;
}

#sidebar .widget_hours .widgettitle {
    background-color: transparent;
    text-align: center;
    line-height: auto;
    margin: 0 0 20px;
    padding: 0;
}

.widget_hours .the_hours {
    text-align: right;
    border-bottom: 1px dotted #EEEEEE;
    padding: 5px 0;
}

    .widget_hours .the_hours label {
        text-align: left;
        float: left;
        margin: 0;
    }

.the_hours:after {
    content: "";
    clear: both;
    display: block;
}

/* featured user */

.featured_user .avatar {
    float: left;
    border: 1px solid #D3D3D3;
    margin: 0 10px 5px 0;
    padding: 2px;
    background-color: #FFFFFF;
}

.featured_user strong {
    display: block;
    margin-bottom: 10px;
}

#sidebar .widget li {
    padding: 10px 0;
    border-top: 1px solid #EFEFEF;
}

#sidebar .widget li:first-child {
    border: none;
    padding: 0 0 10px;
}

#sidebar .widget li:last-child {
    padding: 10px 0 0
}

/* Hartă județe – înlocuiește caseta Program */
.widget-harta-judete .widgettitle {
    margin-bottom: 6px;
}
.widget-harta-desc {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px;
}
.harta-judete-wrap {
    max-height: 220px;
    overflow-y: auto;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fafafa;
}
.harta-judete-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
}
.harta-judet-link {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    transition: background 0.15s, border-color 0.15s;
}
.harta-judet-link:hover {
    background: #1597d3;
    border-color: #1597d3;
    color: #fff;
    text-decoration: none;
}
.harta-toate {
    display: inline-block;
    font-size: 13px;
    color: #1597d3;
}
.harta-toate:hover {
    text-decoration: underline;
}

#recent_posts .recent_line {
    line-height: 50px;
    padding-left: 60px;
    position: relative;
}

    #recent_posts .recent_line .attachment-archive_image {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 2px;
        background-color: #252525;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 0 0 #474747;
        -moz-box-shadow: 0 1px 0 0 #474747;
        box-shadow: 0 1px 0 0 #474747;
    }

/* ============================================== COMMENTS ============================================== */

#comments_wrap {
    background-color: #F5F5F5;
    border: 1px solid #EFEFEF;
    padding: 4px;
    margin: 0 0 30px;
}

.commentlist > li > ul.children {
    border-left: 5px solid #E5E5E5;
}

.commentlist ul.children ul.children li {
    padding-left: 0;
}

.commentlist ul.children ul.children li .avatar {
	left:0;
}

ul.commentlist,
ul.pinglist {
    margin: -5px 0 0
}

div.reply {
    text-align: right;
    font-size: 12px;
}

textarea#comment {
    overflow: auto
}

ul.commentlist li,
ul.pinglist li {
    position: relative;
    margin: 5px 0 0;
    padding: 19px;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
}

ul.commentlist ul li {
    position: relative;
    padding: 20px 0 0 20px;
    margin: 20px 0 0 0;
    border-top: 1px solid #E5E5E5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

ul.commentlist img.avatar {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 4px;
    position: absolute;
    top: 20px;
    left: 20px;
    height:50px;
    width:50px;
    border:1px solid #EEEEEE;
}

ul.commentlist .bypostauthor > div > img.avatar {
    border: 1px solid #878787;
}

.the_comment {
    padding: 0 0 0 90px
}

.the_comment_author {
    width: auto;
    margin-right: 10px;
}

.commentmetadata {
    float: left;
    width: auto;
    color: #ABABAB;
}

.the_comment_text {
    margin-top: 10px
}

#respond {
    margin: 20px 0 0
}

.commentlist #reply-title {
	margin-top: 0;
}

.commentlist #reply-title small {
	float: right;
}

#commentform {
	clear: both;
}

	#commentform label {
	    display: inline
	}
	
	#commentform input {
	    display: block
	}

.commentlist #respond {
    background: #FFFFFF;
    margin: 5px 0 0;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px 0px #BEBEBE;
    -moz-box-shadow: 0px 1px 1px 0px #BEBEBE;
    box-shadow: 0px 1px 1px 0px #BEBEBE;
}

.commentlist .children #respond {
    border-top: 1px solid #E5E5E5;
    margin: 15px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 20px 0;
}

.commentlist #respond textarea {
    width: 96%
}

#cancel-comment-reply {
    float: left;
    margin: 0 0 0 20px;
    line-height: 28px;
}

select {
	width: 100%;
}

/* ============================================== FORMS ==============================================*/

/* Erori de validare – literă roșie peste tot (completare, dubluri user/email/CUI/telefon, logare) */
.form-error,
span.form-error,
.error,
span.error,
.entry-content .form-error,
.entry-content span.form-error,
.login-form .form-error {
    color: #c00 !important;
    font-weight: bold !important;
    background: #fff0f0 !important;
    padding: 0.25em 0.5em !important;
    border-radius: 4px !important;
    border: 1px solid #c00 !important;
    display: inline-block !important;
    margin-top: 0.25em !important;
}
.errornote,
p.errornote,
.entry-content .errornote {
    color: #c00 !important;
    font-weight: bold !important;
    background: #fff0f0 !important;
    padding: 0.5em 0.75em !important;
    border-radius: 6px !important;
    border: 2px solid #c00 !important;
    margin-bottom: 1em !important;
}
.form-error-summary {
    background: #fff0f0 !important;
    border: 2px solid #c00 !important;
    color: #721c24 !important;
}
.form-error-summary ul { margin: 0; padding-left: 1.25em; }
tr.field-error input,
tr.field-error select,
tr.field-error textarea {
    border-color: #c00 !important;
    background: #fff8f8 !important;
}

input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
    height: auto;
    padding: 5px 10px;
    width: 350px;
    min-width: 50%;
    max-width: 100%;
    border: 1px solid #DCDCDC;
    background-color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select {
	padding: 4px 10px;
    width: 300px;
    height:33px;
}

select[multiple] {
	height: 99px;
	padding: 10px !important;
}

textarea {
    height: 200px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: #9C9C9C
}

input[type="file"] {
	padding: 10px 0 0 !important;
	line-height: 1em !important;
	border: 0 !important;
}

label {
    display: block;
    margin: 0 0 2px;
}

form label {
	text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .9em;
    font-weight: bold;
    color:#828282;
}

/* button fallback colors */

input[type="submit"],
button,
.button {
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    color: #FFFFFF;
    background-color: #CD3A18;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 1px 1px rgba(255, 255, 255, 0) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 1px 1px rgba(255, 255, 255, 0) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 1px 1px rgba(255, 255, 255, 0) inset;
    -webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	text-transform: uppercase;
	letter-spacing: .05em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

input[type="submit"],
button {
	line-height: 30px;
}

.button {
	line-height: 32px;
}

input[type="submit"]:hover,
button:hover,
.button:hover {
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 15px 15px rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 15px 15px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 15px 15px rgba(255, 255, 255, 0.15) inset;
}

input[type="submit"]:active,
.button:active {
    position: relative;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 3px 3px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 3px 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2) inset, 0px 0px 3px 3px rgba(0, 0, 0, .2) inset;
}

input[type="submit"].button_red,
.button_red {
	background-color: #a90005 !important;
	color: #FFFFFF !important;
}

input[type="submit"].button_gray,
.button_gray {
	background-color: #e0e0e0 !important;
	color:#444444 !important;
}

input[type="submit"].button_blue,
.button_blue {
	background-color:#2591cf !important;
	color: #143A62 !important;
}

input[type="submit"].button_yellow,
.button_yellow {
	background-color: #f6c132 !important;
	color:#785F0F !important;
}

input[type="submit"].button_green,
.button_green {
	background-color: #85d88b !important;
	color:#105F21 !important;
}

input[type="submit"].button_purple,
.button_purple {
	background-color: #a793d7 !important;
	color:#380952 !important;
}

input[type="submit"].button_orange,
.button_orange {
	background-color: #d58457 !important;
	color:#7D3C11 !important;
}

/* ============================================== ALIGNMENTS ==============================================*/

.alignright,
.alignleft,
.aligncenter,
.alignnone {
    width: auto !important
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.aligncenter {
    margin: 0 auto 15px;
    text-align: center;
}

.alignnone {
    margin: 0 0 15px
}

.alignright,
.alignleft,
.aligncenter,
.alignnone,
.attachment-blog_image,
.attachment-single_latest,
.single_latest_img_link img,
.attachment-big_latest,
.archive .attachment-pet_single_large,
.search-results .attachment-pet_single_large,
#all_pets_wrap .attachment-pet_single_large {
    padding: 4px;
    position: relative;
    background-color: #FFFFFF;
    z-index: 1;
    border: 1px solid #DEDEDE;
    display: block;
    -webkit-box-shadow: 0 2px 2px 0 #E1E1E1;
	-moz-box-shadow: 0 2px 2px 0 #E1E1E1;
	box-shadow: 0 2px 2px 0 #E1E1E1;
}

    .alignright img,
    .alignleft img,
    .aligncenter img,
    .alignnone img {
        display: block;
        padding: 0;
        margin: 0;
    }

.attachment-blog_image {
    margin: 0 0 20px
}

.attachment-blog_image,
.attachment-big_latest {
    max-width: 600px;
    margin: 20px auto;
}

/* ============================================== NAVIGATION ==============================================*/

div.navigation {
    width: 100%;
    height: auto;
    clear: both;
    padding: 0px;
}

    div.navigation a {
        margin-bottom: 60px;
        display: block;
    }
    
    	div.navigation a:hover {
	        text-decoration: none;
	        color:#8C8C8C;
	        -webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-ms-transition: all .3s linear;
			-o-transition: all .3s linear;
			transition: all .3s linear;
	    }

.nav-next {
    float: right;
    clear: none;
    width: 45%;
    text-align: right;
}

	.nav-next a {
	    border-left: 5px solid #F5F5F5;
	    background-color:#FFFFFF;
	    padding: 10px 10px 10px 20px;
	    position: relative;
	    -webkit-box-shadow: 0 2px 2px 0 #E1E1E1;
		-moz-box-shadow: 0 2px 2px 0 #E1E1E1;
		box-shadow: 0 2px 2px 0 #E1E1E1;
	}
	
		.nav-next a:before {
			content:"";
			width:0;
			height: 100%;
			position: absolute;
			left:5px;
			top:0;
			border-left: 1px dashed #F5F5F5;
		}

.nav-prev {
    float: left;
    clear: none;
    width: 45%;
    text-align: left;
}

	.nav-prev a {
	    border-right: 5px solid #F5F5F5;
	    background-color:#FFFFFF;
	    padding: 10px 20px 10px 10px;
	    position: relative;
	    -webkit-box-shadow: 0 2px 2px 0 #E1E1E1;
		-moz-box-shadow: 0 2px 2px 0 #E1E1E1;
		box-shadow: 0 2px 2px 0 #E1E1E1;
	}
	
		.nav-prev a:before {
			content:"";
			width:0;
			height: 100%;
			position: absolute;
			right:5px;
			top:0;
			border-right: 1px dashed #F5F5F5;
		}

/* ============================================== OPTIONS ==============================================*/

.posts-wrap,
#container,
.content_left #sidebar {
    float: right
}

.content_left .posts-wrap,
.content_left #container,
#sidebar {
    float: left
}

.alert,
.warning {
    padding: 19px 19px 4px 19px;
    margin: 0 0 20px;
    color: #252525;
    text-shadow: none;
}

.alert {
    border: 1px solid #CBC534;
    background: #F9F9D5;
}

.warning {
    border: 1px solid #CB3434;
    background: #F8B0B0;
}

.scheme_red blockquote {
	border-color: #cb1616;
}

.scheme_yellow blockquote {
	border-color: #f6c132;
}

.scheme_blue blockquote {
	border-color: #2591cf;
}

.scheme_orange blockquote {
	border-color: #d58457;
}

.scheme_purple blockquote {
	border-color: #a793d7;
}

.scheme_green blockquote {
	border-color: #85d88b;
}

input[type="submit"].button_red,
.button_red,
.scheme_red input[type="submit"],
.scheme_red .button,
.scheme_red button {
	background-color: #a90005;
	color: #FFFFFF;
}

.scheme_gray input[type="submit"],
.scheme_gray .button,
.scheme_gray button {
	background-color: #e0e0e0;
	color:#444444;
}

.scheme_blue input[type="submit"],
.scheme_blue .button,
.scheme_blue button {
	background-color:#2591cf;
	color: #143A62;
}

.scheme_yellow input[type="submit"],
.scheme_yellow .button,
.scheme_yellow button {
	background-color: #f6c132;
	color:#785F0F;
}

.scheme_green input[type="submit"],
.scheme_green .button,
.scheme_green button {
	background-color: #85d88b;
	color:#105F21;
}

.scheme_purple input[type="submit"],
.scheme_purple .button,
.scheme_purple button {
	background-color: #a793d7;
	color:#380952;
}

.scheme_orange input[type="submit"],
.scheme_orange .button,
.scheme_orange button {
	background-color: #d58457;
	color:#7D3C11;
}

/* Media for anything with a max width of 960px. Mostly large tablets such as the iPad */

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	/* Mobile Menu */

	#main_menu #menu_wrap {
	    height: 41px;
	    margin: 0;
	}

	#main_menu select.select-menu {
	    display: block;
	    position: relative;
	    top: 0;
	    z-index: 10;
	    width: 250px !important;
	    height: 41px !important;
	    line-height: 26px;
	    -webkit-appearance: menulist-button;
	}

	#main_menu span.select {
		display: block;
	}

	#main_menu ul {
	    display: none
	}
	
	#search_wrap {
		height: 41px;
	}
	
		#search_wrap #search_link:before {
		    font-size: 17px;
		}
	
	/* end Mobile Menu */

	.container,
	#footer_widgets_wrap {
	    width: 700px
	}

	#footer .container {
	    padding:0px 0 0;
	    width: 700px;
	}

	#footer_widgets_wrap {
	    width: 700px
	}

	#footer_widgets,
	#footer_widgets.footer_widget_count4 {
	    width: 750px;
	    margin-right: -50px;
	}

	.footer_widget_count1 .footer_widget,
	#home_widget_wrap.banner_widget_count1 .widget {
	    width: 700px
	}

	.footer_widget_count2 .footer_widget,
	.footer_widget_count4 .footer_widget,
	#home_widget_wrap.banner_widget_count2 .widget,
	#home_widget_wrap.banner_widget_count4 .widget {
	    width: 330px;
	    margin-right: 40px;
	    padding-bottom: 60px;
	}

	.footer_widget_count3 .footer_widget,
	.footer_widget_count5 .footer_widget,
	.footer_widget_overflow .footer_widget,
	#home_widget_wrap.banner_widget_count3 .widget,
	#home_widget_wrap.banner_widget_count5 .widget,
	#home_widget_wrap.banner_widget_overflow .widget {
	    width: 210px;
	    margin-right: 35px;
	}

	.footer_widget_count4 .footer_widget:nth-child(2n+1),
	.footer_widget_count5 .footer_widget:nth-child(3n+1),
	#home_widget_wrap.banner_widget_count4 .widget:nth-child(2n+1),
	#home_widget_wrap.banner_widget_count5 .widget:nth-child(3n+1) {
	    clear: both
	}

	.posts-wrap,
	#container {
	    width: 460px
	}

	textarea {
	    width: 438px
	}

	#sidebar {
	    width: 200px
	}
	
	.attachment-blog_image,
	.attachment-big_latest {
		max-width: 450px;
	}

	#searchform input#s[type="text"] {
	    width: 180px;
	    color: #777777;
	    float: none;
	}

	#searchform input[type="submit"] {
	    float: none;
	    display: none;
	}

	.about_the_author .author_info {
	    width: 320px
	}

	.gallery {
	    width: 470px
	}

	    .gallery dl {
	        height: 77px;
	        width: 77px;
	    }

	        .gallery dl img {
	            height: 69px;
	            width: 69px;
	        }

	#post_footer {
	    text-align: center
	}

	    #post_footer .right {
	        float: none
	    }

	.footer_menu_wrap {
	    display: none
	}

	.blog-content {
	    width: 320px
	}

	.attachment-blog_image {
	    max-width: 450px;
	    max-height: 300px;
	}

	/* == Home Page == */

	#featured_pets {
	    margin-top: 40px
	}

	#featured_pets:after {
	    width: 684px
	}

	#featured_pets:before {
	    width: 690px
	}

	.single_pet {
	    width: 280px;
	    height: auto;
	}

	#home_latest_friends {
	    width: 720px;
	    margin-right: -20px;
	}

	#latest-friends-title {
	    float: left;
	    width: 200px;
	    text-align: left;
	    border-bottom: none;
	    margin: 0px 19px 0px 0px;
	    padding: 0;
	}

	#friends_wrap {
	    float: left;
	    border-left: 1px solid #EFEFEF;
	    padding-left: 20px;
	    max-height: none;
	    min-height: 120px;
	    height: auto;
	}

	.single_latest_friend,
	.single_latest_friend:hover {
	    margin: 0 20px 20px 0
	}

	.single_latest_friend:nth-child(5n) {
	    clear: both
	}

	#home_latest_posts {
	    width: 460px
	}

	#latest-posts-title {
	    width: 460px
	}

	.first_latest {
	    width: 460px
	}

	    .first_latest img {
	        width: 450px
	    }

	.single_latest {
	    width: 210px;
	    margin-right: 40px;
	}

	.single_latest:nth-child(4n) {
	    margin-right: 0
	}

	.single_latest_img_link img {
	    width: 200px
	}

	/* Home Banner */

	#home_widget_wrap.banner_widget_count2.rescue_email_banner .widget:first-child {
	    width: 460px;
	    margin-right: 40px;
	}

	#home_widget_wrap.banner_widget_count2.rescue_email_banner .widget {
	    width: 200px
	}

	.rescue_email_capture_wrap input[type="text"] {
	    text-align: center
	}

	#rescue_email_capture input[type="submit"] {
	    width: 100%;
	    margin-top: 10px;
	}

	#rescue_email_capture input[type="text"] {
	    width: 100% !important
	}

	#home_widget_wrap .widget.rescue_email_capture_wrap .textwidget {
	    margin-bottom: 20px
	}

	#home_widget_wrap .widget.rescue_email_capture_wrap:after {
	    content: '';
	    display: block;
	    height: 0;
	    width: 0;
	    clear: both;
	}

	/* Email Capture */

	#home_widget_wrap.banner_widget_count1 #rescue_email_capture input[type="text"] {
	    width: 208px
	}

	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields0 form,
	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields2 form,
	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields3 form,
	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields4 form {
	    margin: 0
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields1 input[type="text"],
	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields4 input[type="text"] {
	    width: 146px !important;
	    margin-right: 10px;
	}

	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields4 input[type="submit"],
	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields1 input[type="submit"] {
	    width: 136px
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields2 input[type="text"] {
	    width: 208px !important;
	    margin-right: 10px;
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields2 input[type="text"]:nth-child(6) {
	    clear: both
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields2 input[type="submit"] {

	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields3 input[type="text"],
	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields5 input[type="text"] {
	    width: 198px !important
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields3 input[type="text"]:nth-child(6),
	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields5 input[type="text"]:nth-child(6) {
	    margin-right: 0
	}

	#home_widget_wrap.banner_widget_count1 .widget.rescue_email_capture_wrap #rescue_email_capture.rescue-email-capture-fields5 form input:nth-child(8) {
	    margin-right: 20px
	}

	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields3 input[type="submit"],
	#home_widget_wrap.banner_widget_count1 .rescue-email-capture-fields5 input[type="submit"] {
	    width: 220px !important
	}

	/* Slider */

	.flex-direction-nav {
	    display: none
	}
	
	/* Featured Pets */
	
	.single_pet:hover img {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -o-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	    filter: alpha(opacity=1);
	    opacity: 1;
	}
	
	.single_pet .mask,
	.single_pet:hover .mask {
	    display: none;
	}
	
	.single_pet:hover h2,
	.single_pet:hover p,
	.single_pet:hover a.more_featured {
	    display: none;
	}

	/* Sidebar */

	#sidebar.home_sidebar_push .widget:first-child .widget_hours {
	    margin-top: 0
	}

	#sidebar .rescue_email_capture_wrap input[type="text"] {
	    width: 178px
	}

	#sidebar .widget_hours label {
	    display: block;
	    font-weight: bold;
	    float: none;
	    text-align: center;
	}

	#sidebar .widget_hours .the_hours {
	    display: block;
	    float: none;
	    text-align: center;
	}

	/* == Single Pet Post Page == */

	.pet-name-title,
	.breed {
	    width: 190px
	}

	.pet_info {
	    width: 200px
	}

	/* Pet Archive */
	
	#all_pets_wrap:not(.pets-grid) {
		width: 500px;
	}

	#all_pets_wrap:not(.pets-grid) .rescue_pet {
	    width: 210px
	}

	#all_pets_wrap:not(.pets-grid) img.attachment-pet_single_large {
	    width: 200px;
	    height: auto;
	}

	#all_pets_wrap:not(.pets-grid) .pet-name-title,
	#all_pets_wrap:not(.pets-grid) .breed {
	    width: 100%
	}

	#all_pets_wrap:not(.pets-grid) .pet_info {
	    width: 220px
	}
	
}

/* Media for anything with a max width of 767px. Mostly small tablets and iPhones & Smartphones */

@media only screen and (min-width: 0px) and (max-width: 767px) { 

	#main_wrap {
	    width: 100% !important;
	    min-width: 100% !important;
	}

	.posts-wrap,
	#container {
	    width: 100%
	}

	.the_logo,
	h1.the_logo_heading {
		float:none !important;
		margin:0 auto 20px;
		text-align: center;
		max-height: none !important;
		height: auto;
	}

	/* Mobile Menu */

	#main_menu #menu_wrap {
	    height: auto;
	    margin: 0;
	}

	#main_menu form div {
	    position: relative
	}

	select.select-menu {
	    display: block;
	    width: 100%;
	}

	#main_menu select.select-menu {
	    display: block;
	    position: relative;
	    z-index: 10;
	    width: 250px !important;
	    height: 41px !important;
	    line-height: 26px;
	    -webkit-appearance: menulist-button;
	}

	#main_menu span.select {
	    display: block;
	}

	#main_menu ul {
	    display: none
	}

	#search_link:before {
	    font-size: 17px;
	    line-height: 39px;
	    margin-bottom: -5px;
	}

    #searchform_wrap #searchform #s {
        height: 39px;
    }

	/* end Mobile Menu */

	/* == Home Page == */
	
	#all_pets_wrap:not(.pets-grid) {
		width: 100%;
		margin: 0;
	}

	#featured_pets {
	    margin-top: 30px
	}

	#featured_pets:after {
	    width: 264px
	}

	#featured_pets:before {
	    width: 270px
	}

	.single_pet {
	    width: 200px;
	    height: auto;
	    float: none;
	    margin: 0;
	}

	.single_pet:first-child {
	    margin: 0 0 20px
	}

	#home_latest_friends {
	    width: 280px
	}

	#latest-friends-title {
	    width: 280px
	}

	#friends_wrap {
	    padding-left: 30px;
	    max-height: none;
	}

	.single_latest_friend,
	.single_latest_friend:hover {
	    margin: 0 20px 20px 0
	}

	/* Email Capture */

	#home_widget_wrap #rescue_email_capture form,
	#rescue_email_capture form {
	    margin-left: 0 !important
	}

	    #home_widget_wrap #rescue_email_capture form input[type="text"],
	    #rescue_email_capture form input[type="text"] {
	        width: 100% !important
	    }

	    #home_widget_wrap #rescue_email_capture form input[type="submit"],
	    #rescue_email_capture form input[type="submit"] {
	        width: 280px !important
	    }

	#home_widget_wrap.banner_widget_count1 .widget {
	    margin-bottom: 0 !important
	}

	/* Slider */

	#slides,
	.slides_control > div,
	.slides_container .slide_image_wrap img {
	    width: 320px;
	    height: 131px;
	}

	    #slides .slide_text_overlay {
	        display: none
	    }
	    
	/* Featured Pets */
	
	.single_pet:hover img {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -o-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	    filter: alpha(opacity=1);
	    opacity: 1;
	}
	
	.single_pet .mask,
	.single_pet:hover .mask {
	    display: none;
	}
	
	.single_pet:hover h2,
	.single_pet:hover p,
	.single_pet:hover a.more_featured {
	    display: none;
	}

	/* Sidebar */

	#sidebar.home_sidebar_push .widget:first-child .widget_hours {
	    margin-top: 0
	}

	#sidebar {
	    border-bottom: 5px solid #D9D9D9;
	    margin: 40px -9999px -40px !important;
	    padding: 40px 9999px 40px !important;
	    width: 100% !important;
	    background-color: #F5F5F5;
	    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.08) inset;
	    -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.08) inset;
	    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.08) inset;
	}

	    #sidebar .widget_hours .pw_map_canvas {
	        width: 276px !important
	    }

	/* == Single Pet Post Page == */

	.pet-name-title,
	.breed,
	.pet_info {
	    width: 100%
	}

	#single_petpost_photos-wrap {
	    padding-left: 25px
	}

	/* Pet Archive */

	.archive .rescue_pet,
	.archive .rescue_pet:nth-child(2n),
	.archive .rescue_pet:nth-child(2n-1),
	.search-results .rescue_pet,
	.search-results .rescue_pet:nth-child(2n),
	.search-results .rescue_pet:nth-child(2n-1),
	#all_pets_wrap:not(.pets-grid) .rescue_pet,
	#all_pets_wrap:not(.pets-grid) .rescue_pet:nth-child(2n),
	#all_pets_wrap:not(.pets-grid) .rescue_pet:nth-child(2n-1) {
	    margin-right: 0;
	    float: none;
	    clear: none;
	}

	.archive .rescue_pet,
	.archive .pet-name-title,
	.archive .breed,
	.search-results .rescue_pet,
	.search-results .pet-name-title,
	.search-results .breed,
	#all_pets_wrap:not(.pets-grid) .rescue_pet,
	#all_pets_wrap:not(.pets-grid) .pet-name-title,
	#all_pets_wrap:not(.pets-grid) .breed {
	    width: 100%
	}

	.archive img.attachment-pet_single_large,
	.search-results img.attachment-pet_single_large,
	#all_pets_wrap:not(.pets-grid) img.attachment-pet_single_large {
	    width: 270px;
	    height: auto;
	}

	.archive .pet_info,
	.search-results .pet_info,
	#all_pets_wrap:not(.pets-grid) .pet_info {
	    width: 290px
	}

	/* everything else */

	.container,
	#footer_widgets_wrap,
	#footer .container,
	#footer_widgets,
	#home_widgets,
	#latest-posts-title {
	    width: 280px
	}

	#latest-posts-title {
	    margin-right: 0;
	    text-align: left;
	}

	#home_latest_posts {
	    margin: 0
	}

	.first_latest,
	.single_latest {
	    float: none !important;
	    width: 100%;
	    margin: 0 0 30px;
	}

	    .first_latest img,
	    .single_latest_img_link img {
	        height: auto;
	        width: 270px;
	        line-height: 195px;
	    }

	#footer .container {
	    padding: 40px 0 0
	}

	#footer_widgets .footer_widget,
	#home_widgets .widget {
	    width: 280px !important;
	    margin: 0 0 40px!important;
	    float: none !important;
	}

	/* posts */

	.blog-content {
	    width: 100%;
	    float: none;
	}

	.attachment-big_latest {
	    height: auto;
	    width: 270px;
	}

	.alignright,
	.alignleft,
	.aligncenter,
	.alignnone {
	    margin: 20px 0;
	    padding: 0;
	}

	    .alignright,
	    .alignleft,
	    .aligncenter,
	    .alignnone,
	    .alignright img,
	    .alignleft img,
	    .aligncenter img,
	    .alignnone img {
	        width: 100% !important;
	        height: auto;
	    }

	.about_the_author img {
	    margin: 0 20px 10px 0
	}

	.about_the_author .author_info {
	    float: none;
	    width: auto;
	}

	.gallery {
	    width: 290px
	}

	    .gallery dl {
	        height: 86px;
	        width: 86px;
	    }

	        .gallery dl img {
	            height: 78px;
	            width: 78px;
	        }

	/* forms */

	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea {
	    width: 258px
	}
	
	.the_comment {
		padding-left: 60px;
	}
	
	ul.commentlist img.avatar {
		height:40px;
		width:40px;
		padding:0;
	}
	
	/* Navigation */
	

	.nav-next a,
	.nav-prev a {
	    border: none;
	    padding: 10px;
	    text-align: center;
	}
	
		.nav-next a:before,
		.nav-prev a:before {
			border: none;
		}

	/* footer */

	#post_footer {
	    text-align: center
	}

	    #post_footer .right {
	        float: none
	    }

	.footer_menu_wrap,
	.site_info_space {
	    display: none
	}

	.site_info_bloginfo {
	    display: block
	}

	#socnets_wrap #socnets a {
	    margin: 0 5px 10px
	}
	
	/* Forms */
	
	input[type="text"],
	input[type="password"],
	input[type="url"],
	input[type="email"],
	input[type="tel"],
	input[type="number"] {
		width:258px !important;
	}
	
	textarea {
		width:258px;
		padding:10px;
	}
	
	#recaptcha_widget_div {
		max-width: 100%;
	}
	
}

/* === SCHELET PAGINĂ HOME (vizualizare împărțire) - activează cu ?skeleton=1 === */
/* Ascunde pozele, lasă doar chenare goale */
body.show-skeleton #slider_wrap img,
body.show-skeleton #featured_pets .single_pet img,
body.show-skeleton #home_latest_friends .single_latest_friend img,
body.show-skeleton #home_latest_posts img {
	opacity: 0 !important;
	position: absolute;
	pointer-events: none;
}
body.show-skeleton #slider_wrap {
	outline: 3px solid #3498db;
	outline-offset: 0;
	position: relative;
	min-height: 320px;
	background: #e8f4fc;
}
body.show-skeleton #slider_wrap .slides,
body.show-skeleton #slider_wrap .slide_image_wrap {
	min-height: 320px;
	background: #e8f4fc;
}
body.show-skeleton #slider_wrap::before {
	content: "2. SLIDER (bandă principală)";
	position: absolute; top: 8px; left: 8px;
	background: #3498db; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #featured_pets {
	outline: 3px solid #2ecc71;
	outline-offset: 0;
	position: relative;
	background: #e8f8ee;
}
body.show-skeleton #featured_pets::before {
	content: "3. ANIMALELE LUNII";
	position: absolute; top: 8px; left: 8px;
	background: #2ecc71; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #featured_pets .single_pet {
	background: #d0f0dc;
	border: 2px dashed #2ecc71;
	min-height: 160px;
}
body.show-skeleton #featured_pets .single_pet .mask {
	background: transparent;
}
body.show-skeleton #home_latest_friends {
	outline: 3px solid #9b59b6;
	outline-offset: 0;
	position: relative;
	background: #f3e8f8;
}
body.show-skeleton #home_latest_friends::before {
	content: "4. CELE MAI NOI ANIMALE";
	position: absolute; top: 8px; left: 8px;
	background: #9b59b6; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #home_latest_friends .single_latest_friend {
	background: #e8d8f0;
	border: 2px dashed #9b59b6;
	min-height: 100px;
	min-width: 100px;
}
body.show-skeleton #header {
	outline: 3px solid #e74c3c;
	outline-offset: 0;
	position: relative;
}
body.show-skeleton #header::before {
	content: "1. ANTET (meniu)";
	position: absolute; top: 8px; left: 8px;
	background: #e74c3c; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #home_widgets {
	outline: 3px solid #e67e22;
	outline-offset: 0;
	position: relative;
	background: #fef5eb;
}
body.show-skeleton #home_widgets::before {
	content: "5. BINE AȚI VENIT + BULETIN";
	position: absolute; top: 8px; left: 8px;
	background: #e67e22; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #home_latest_posts {
	outline: 3px solid #1abc9c;
	outline-offset: 0;
	position: relative;
	background: #e8f8f5;
}
body.show-skeleton #home_latest_posts .first_latest,
body.show-skeleton #home_latest_posts .single_latest {
	border: 2px dashed #1abc9c;
	background: #d8f0ec;
	min-height: 80px;
}
body.show-skeleton #home_latest_posts::before {
	content: "6. ULTIMELE ARTICOLE";
	position: absolute; top: 8px; left: 8px;
	background: #1abc9c; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #sidebar {
	outline: 3px solid #34495e;
	outline-offset: 0;
	position: relative;
	background: #e8eaed;
}
body.show-skeleton #sidebar::before {
	content: "7. COLOANĂ LATERALĂ";
	position: absolute; top: 8px; left: 8px;
	background: #34495e; color: #fff; font-size: 12px; padding: 4px 10px; z-index: 9999;
}
body.show-skeleton #footer {
	outline: 3px solid #95a5a6;
	outline-offset: 0;
	position: relative;
	background: #ecf0f1;
}
body.show-skeleton #footer::before {
	content: "8. SUBSOL";
	position: absolute; top: 8px; left: 8px;
}

/* ============================================== CONTEST WIDGET ============================================== */

.contest-widget-fixed {
	position: fixed;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 300px;
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
	z-index: 1000;
	max-height: 85vh;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.contest-widget-fixed:hover {
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contest-widget-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.contest-header {
	text-align: center;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e8e8e8;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

.contest-header.hidden {
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.contest-title {
	font-size: 20px;
	font-weight: 700;
	color: #2c3e50;
	margin: 0 0 12px 0;
	letter-spacing: 0.5px;
	line-height: 1.3;
}

.contest-countdown {
	font-size: 15px;
	color: #555;
	font-weight: 600;
	margin-bottom: 12px;
}

.contest-countdown #remainingDays {
	color: #d32f2f;
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	min-width: 30px;
}

/* Dog Animation Container */
.contest-dog-animation {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 8px 0;
	height: 100px;
	position: relative;
}

.dog-svg {
	width: 100px;
	height: 100px;
	transform-origin: center bottom;
}

/* Dog Animation Keyframes */
@keyframes dogBounce {
	0%, 100% { transform: translateY(0) scale(1); }
	25% { transform: translateY(-8px) scale(1.05); }
	50% { transform: translateY(-4px) scale(1.02); }
	75% { transform: translateY(-6px) scale(1.03); }
}

@keyframes pawWave {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-5px) rotate(5deg); }
}

@keyframes earWiggle {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-8deg); }
	75% { transform: rotate(8deg); }
}

@keyframes attentionPulse {
	0%, 100% { opacity: 0.6; transform: translateY(0); }
	50% { opacity: 0.9; transform: translateY(-3px); }
}

.dog-body {
	animation: dogBounce 2s ease-in-out infinite;
}

.dog-head {
	animation: dogBounce 2s ease-in-out infinite;
	animation-delay: 0.1s;
}

.dog-paw {
	animation: pawWave 1.5s ease-in-out infinite;
	transform-origin: center top;
}

.dog-ear-left {
	animation: earWiggle 2.5s ease-in-out infinite;
	transform-origin: center bottom;
}

.dog-ear-right {
	animation: earWiggle 2.5s ease-in-out infinite;
	animation-delay: 0.3s;
	transform-origin: center bottom;
}

.attention-pointer {
	animation: attentionPulse 1.5s ease-in-out infinite;
	transform-origin: center top;
}

/* Prize Section */
.contest-prize-section {
	text-align: center;
	margin-bottom: 16px;
	padding: 16px;
	background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
	width: calc(100% - 40px);
	pointer-events: none;
}

.contest-prize-section.show {
	opacity: 1;
	pointer-events: auto;
	position: relative;
}

.contest-prize-image {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contest-prize-text {
	font-size: 15px;
	font-weight: 600;
	color: #d32f2f;
	letter-spacing: 0.3px;
}

/* Leaderboard */
.contest-leaderboard {
	margin-top: 16px;
	flex: 1;
	min-height: 0;
}

.leaderboard-title {
	font-size: 16px;
	font-weight: 700;
	color: #2c3e50;
	margin: 0 0 12px 0;
	text-align: center;
	border-bottom: 2px solid #e8e8e8;
	padding-bottom: 10px;
	letter-spacing: 0.5px;
}

.leaderboard-scroll {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 4px;
}

.leaderboard-scroll::-webkit-scrollbar {
	width: 4px;
}

.leaderboard-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 2px;
}

.leaderboard-scroll::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 2px;
}

.leaderboard-scroll::-webkit-scrollbar-thumb:hover {
	background: #999;
}

.leaderboard-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.leaderboard-item {
	display: flex;
	align-items: center;
	padding: 10px 6px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	transition: background-color 0.2s ease;
}

.leaderboard-item:hover {
	background-color: #f8f9fa;
	border-radius: 4px;
}

.leaderboard-item:last-child {
	border-bottom: none;
}

.leaderboard-position {
	font-weight: 700;
	color: #d32f2f;
	min-width: 28px;
	margin-right: 8px;
	font-size: 14px;
}

.leaderboard-username {
	flex: 1;
	color: #2c3e50;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.leaderboard-points {
	color: #666;
	font-size: 12px;
	margin-left: 8px;
	font-weight: 600;
	white-space: nowrap;
}

/* Pulse Animation (every 15 seconds) */
@keyframes subtlePulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.02); }
}

.contest-widget-fixed.pulse {
	animation: subtlePulse 0.6s ease-in-out;
}

/* Responsive: hide on screens < 1024px */
@media (max-width: 1023px) {
	.contest-widget-fixed {
		display: none;
	}
}

/* ============================================== GLOBAL SIDEBARS ============================================== */

/* Global Layout Wrapper */
.global-layout-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	position: relative;
}

/* Main Content Area */
.main-content-area {
	flex: 1 1 auto;
	min-width: 0; /* Prevents flex item overflow */
}

/* Global Sidebars */
.global-sidebar {
	width: 280px;
	flex-shrink: 0;
}

.global-sidebar-left {
	order: 1;
}

.main-content-area {
	order: 2;
}

.global-sidebar-right {
	order: 3;
}

/* Sidebar Box Component */
.sidebar-box {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.sidebar-box:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	transform: translateY(-2px);
}

.sidebar-box-image {
	margin-bottom: 12px;
	border-radius: 6px;
	overflow: hidden;
}

.sidebar-box-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.sidebar-box:hover .sidebar-box-image img {
	transform: scale(1.05);
}

.sidebar-box-content {
	text-align: left;
}

.sidebar-box-title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #333;
	line-height: 1.4;
}

.sidebar-box-text {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 12px;
}

.sidebar-box-action {
	margin-top: 12px;
}

.sidebar-box-button {
	display: inline-block;
	background: #d32f2f;
	color: #fff;
	padding: 8px 16px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: background 0.3s ease;
}

.sidebar-box-button:hover {
	background: #b71c1c;
	text-decoration: none;
	color: #fff;
}

/* Animation Classes */
.sidebar-box.box-pulse {
	animation: subtlePulse 3s ease-in-out infinite;
}

.sidebar-box.box-fade {
	animation: fadeInOut 4s ease-in-out infinite;
}

@keyframes subtlePulse {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.95;
		transform: scale(1.01);
	}
}

@keyframes fadeInOut {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.8;
	}
}

/* Responsive: Hide sidebars on mobile/tablet */
@media (max-width: 1023px) {
	.global-sidebar {
		display: none;
	}
	
	.main-content-area {
		width: 100%;
		order: 1;
	}
}

/* Responsive: Adjust sidebar width on medium screens */
@media (min-width: 1024px) and (max-width: 1279px) {
	.global-sidebar {
		width: 240px;
	}
}

/* Ensure container doesn't break layout */
.container.clearfix.global-layout-wrapper {
	max-width: 100%;
}

/* ============================================== SLOT SYSTEM A0-A17 ============================================== */

/* Slot structure: 
 * A0-A5: Center content (scrollable)
 * A6-A11: Left sidebar (fixed/freeze)
 * A9-A11: Right sidebar (fixed/freeze)
 */

[data-slot] {
	position: relative;
	min-height: 100px;
}

.slot-container {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.slot-container[data-slot^="A"] {
	display: block;
	width: 100%;
}

/* ============================================== A1 STRIP FIX — REMOVE EMPTY SPACE + FREEZE UNDER A0 ============================================== */
/* 2️⃣ FREEZE (sticky) pentru A1 - lipit direct sub A0 */
#A1 {
	position: sticky !important;
	top: 64px !important; /* A0 height */
	z-index: 1999 !important;
	height: 56px !important;
	min-height: 56px !important;
	max-height: none !important; /* NU folosi max-height restrictiv */
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #e0e0e0 !important;
	display: block !important;
}

/* Universal media support per slot */
[data-slot] img,
[data-slot] video {
	max-width: 100%;
	height: auto;
	display: block;
}

[data-slot] video {
	width: 100%;
}

/* Animation support */
[data-slot] .slot-animation {
	width: 100%;
	height: auto;
}

/* ============================================== A0 - NAVBAR ANIMAL COUNTER ============================================== */

.animal-counter-navbar {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	margin-left: 20px;
	font-size: 13px;
	line-height: 1.4;
}

.animal-counter-navbar .counter-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.animal-counter-navbar .counter-icon {
	font-size: 16px;
	line-height: 1;
}

.animal-counter-navbar .counter-label {
	color: #393939;
	font-weight: normal;
}

.animal-counter-navbar .counter-value {
	color: #1597d3;
	font-weight: bold;
}

@media (max-width: 767.98px) {
	.animal-counter-navbar {
		font-size: 11px;
		gap: 10px;
		margin-left: 10px;
	}
	.animal-counter-navbar .counter-icon {
		font-size: 14px;
	}
}

/* ============================================== A4 - NEW ENTRIES GRID (7 COLUMNS) ============================================== */

.new-entries-grid-7cols {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 12px;
	width: 100%;
	margin-top: 32px;
}

.new-entry-card {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.new-entry-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.new-entry-card a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.new-entry-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.new-entry-card .pet-name-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
	color: #fff;
	padding: 8px 6px 6px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 1200px) {
	.new-entries-grid-7cols {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 900px) {
	.new-entries-grid-7cols {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 600px) {
	.new-entries-grid-7cols {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 400px) {
	.new-entries-grid-7cols {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================== STATUS OVERLAYS & ANIMATIONS ============================================== */

.status-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.status-badge-adopted,
.status-badge-pending,
.status-badge-archive {
	position: absolute;
	top: 8px;
	right: 8px;
	background: rgba(0,0,0,0.75);
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 11;
}

.status-badge-adopted {
	background: rgba(76, 175, 80, 0.9);
	animation: pulse-green 2s ease-in-out infinite;
}

.status-badge-pending {
	background: rgba(255, 152, 0, 0.9);
}

.status-badge-archive {
	background: rgba(158, 158, 158, 0.9);
}

@keyframes pulse-green {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

/* Active status - Bone animation */
.status-animation-bone {
	width: 40px;
	height: 40px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 20 Q60 20 65 30 Q70 40 65 50 Q70 60 65 70 Q60 80 50 80 Q40 80 35 70 Q30 60 35 50 Q30 40 35 30 Q40 20 50 20 Z" fill="rgba(255,255,255,0.8)" stroke="rgba(255,193,7,0.9)" stroke-width="2"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	animation: float-bone 3s ease-in-out infinite;
	opacity: 0.6;
}

@keyframes float-bone {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-10px) rotate(5deg); }
}

/* Adopted status - Hearts animation */
.status-animation-hearts {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.status-animation-hearts::before,
.status-animation-hearts::after {
	content: '❤️';
	position: absolute;
	font-size: 20px;
	animation: float-heart 2s ease-in-out infinite;
	opacity: 0.7;
}

.status-animation-hearts::before {
	left: 20%;
	top: 20%;
	animation-delay: 0s;
}

.status-animation-hearts::after {
	right: 20%;
	top: 30%;
	animation-delay: 1s;
}

@keyframes float-heart {
	0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; }
	50% { transform: translateY(-15px) scale(1.2); opacity: 1; }
}

/* Success status - Happy dog animation */
.status-animation-success {
	width: 50px;
	height: 50px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="rgba(255,193,7,0.3)" stroke="rgba(255,193,7,0.9)" stroke-width="2"/><circle cx="40" cy="45" r="5" fill="rgba(0,0,0,0.8)"/><circle cx="60" cy="45" r="5" fill="rgba(0,0,0,0.8)"/><path d="M35 60 Q50 70 65 60" stroke="rgba(0,0,0,0.8)" stroke-width="3" fill="none" stroke-linecap="round"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	animation: bounce-happy 1.5s ease-in-out infinite;
}

@keyframes bounce-happy {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-8px) scale(1.1); }
}

/* ============================================== ADOPTION CELEBRATION ANIMATION (ONCE PER SESSION) ============================================== */

.adoption-celebration {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	animation: fade-in-celebration 0.5s ease-in;
}

.adoption-celebration-content {
	text-align: center;
	color: #fff;
	animation: scale-celebration 0.6s ease-out;
}

.adoption-celebration-content h2 {
	font-size: 48px;
	margin-bottom: 20px;
	color: #4CAF50;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.adoption-celebration-content .celebration-icon {
	font-size: 80px;
	animation: bounce-celebration 1s ease-in-out infinite;
	margin-bottom: 20px;
}

.adoption-celebration-content p {
	font-size: 24px;
	margin-bottom: 10px;
}

@keyframes fade-in-celebration {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes scale-celebration {
	from { transform: scale(0.5); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

@keyframes bounce-celebration {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-20px) scale(1.2); }
}

/* Green animated frame for adopted cards (after big celebration) */
.adopted-card-frame {
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	border: 3px solid #4CAF50;
	border-radius: 4px;
	animation: pulse-frame 2s ease-in-out infinite;
	pointer-events: none;
	z-index: 9;
}

@keyframes pulse-frame {
	0%, 100% { border-color: #4CAF50; box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); }
	50% { border-color: #66BB6A; box-shadow: 0 0 0 8px rgba(76, 175, 80, 0); }
}
#main_content,
#main_content .container,
.container,
#wrapper,
#content{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#site_info,
#site_info > div{
    padding: 2px 0 !important;
    margin: 0 !important;
    line-height: 18px !important;
}
/* Pet image subtle animation (Ken Burns) */
.pet-photo-anim {
  position: relative;
  overflow: hidden;
}

.pet-photo-anim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
  animation: petKenBurns 5s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes petKenBurns {
  0% {
    transform: scale(1.00) translate3d(0,0,0);
  }
  100% {
    transform: scale(1.04) translate3d(-2%,-1.5%,0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pet-photo-anim img {
    animation: none !important;
    transform: none !important;
  }
}

/* ========== Pagina Cont ONG: poza client încadrată de siglă și caseta date ========== */
/* Layout: stânga = poza + user, dreapta = caseta date asociație (siglă în navbar deasupra) */
/* Logo în mijlocul paginii – temporar, ca să îl vezi; îl muți tu după */
body.page-cont-ong .cont-ong-logo-center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0 2rem;
  padding: 0 1rem;
}
body.page-cont-ong .cont-ong-logo-complet {
  display: block;
  width: 320px;
  height: 320px;
  object-fit: contain;
}
body.page-cont-ong .cont-ong-layout {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  margin-top: 1rem;
}
body.page-cont-ong #main_content .container {
  padding-left: 0 !important;
}
body.page-cont-ong .cont-ong-user-block {
  flex: 0 0 auto;
  margin-top: 1rem;
  margin-left: -25.9875rem;
}
@media (max-width: 900px) {
  body.page-cont-ong .cont-ong-user-block { margin-left: 0; }
  body.page-cont-ong #main_content .container { padding-left: 15px !important; }
}
/* Logo complet (câine+stele) pe Cont ONG – aceleași dimensiuni ca în A2: 320/260/229px */
body.page-cont-ong .cont-ong-logo-wrap {
  position: relative;
  width: 320px !important;
  height: 320px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
body.page-cont-ong .cont-ong-logo-wrap::before {
  content: '';
  position: absolute;
  width: 260px !important;
  height: 260px !important;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20300%20300%27%3E%3Cg%3E%3Cpath%20d%3D%22M254.0%2C160.0L251.6%2C153.2L244.5%2C153.1L250.2%2C148.8L248.1%2C141.9L254.0%2C146.0L259.9%2C141.9L257.8%2C148.8L263.5%2C153.1L256.4%2C153.2Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M235.1%2C210.7L236.4%2C203.6L230.3%2C199.9L237.4%2C199.0L239.0%2C192.1L242.1%2C198.5L249.2%2C197.9L244.0%2C202.8L246.8%2C209.4L240.5%2C206.0Z%22%20fill%3D%22%23003399%22%2F%3E%3Cpath%20d%3D%22M193.3%2C245.1L198.0%2C239.6L194.6%2C233.4L201.2%2C236.2L206.1%2C230.9L205.5%2C238.1L211.9%2C241.1L205.0%2C242.7L204.1%2C249.8L200.4%2C243.7Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M140.0%2C254.0L146.8%2C251.6L146.9%2C244.5L151.2%2C250.2L158.1%2C248.1L154.0%2C254.0L158.1%2C259.9L151.2%2C257.8L146.9%2C263.5L146.8%2C256.4Z%22%20fill%3D%22%23003399%22%2F%3E%3Cpath%20d%3D%22M89.3%2C235.1L96.4%2C236.4L100.1%2C230.3L101.0%2C237.4L107.9%2C239.0L101.5%2C242.1L102.1%2C249.2L97.2%2C244.0L90.6%2C246.8L94.0%2C240.5Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M54.9%2C193.3L60.4%2C198.0L66.6%2C194.6L63.8%2C201.2L69.1%2C206.1L61.9%2C205.5L58.9%2C211.9L57.3%2C205.0L50.2%2C204.1L56.3%2C200.4Z%22%20fill%3D%22%23003399%22%2F%3E%3Cpath%20d%3D%22M46.0%2C140.0L48.4%2C146.8L55.5%2C146.9L49.8%2C151.2L51.9%2C158.1L46.0%2C154.0L40.1%2C158.1L42.2%2C151.2L36.5%2C146.9L43.6%2C146.8Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M64.9%2C89.3L63.6%2C96.4L69.7%2C100.1L62.6%2C101.0L61.0%2C107.9L57.9%2C101.5L50.8%2C102.1L56.0%2C97.2L53.2%2C90.6L59.5%2C94.0Z%22%20fill%3D%22%23003399%22%2F%3E%3Cpath%20d%3D%22M106.7%2C54.9L102.0%2C60.4L105.4%2C66.6L98.8%2C63.8L93.9%2C69.1L94.5%2C61.9L88.1%2C58.9L95.0%2C57.3L95.9%2C50.2L99.6%2C56.3Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M160.0%2C46.0L153.2%2C48.4L153.1%2C55.5L148.8%2C49.8L141.9%2C51.9L146.0%2C46.0L141.9%2C40.1L148.8%2C42.2L153.1%2C36.5L153.2%2C43.6Z%22%20fill%3D%22%23003399%22%2F%3E%3Cpath%20d%3D%22M210.7%2C64.9L203.6%2C63.6L199.9%2C69.7L199.0%2C62.6L192.1%2C61.0L198.5%2C57.9L197.9%2C50.8L202.8%2C56.0L209.4%2C53.2L206.0%2C59.5Z%22%20fill%3D%22%23FFD700%22%2F%3E%3Cpath%20d%3D%22M245.1%2C106.7L239.6%2C102.0L233.4%2C105.4L236.2%2C98.8L230.9%2C93.9L238.1%2C94.5L241.1%2C88.1L242.7%2C95.0L249.8%2C95.9L243.7%2C99.6Z%22%20fill%3D%22%23003399%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}
/* Imaginea câine+pisică pe Cont ONG – 229px ca în A2 */
body.page-cont-ong .cont-ong-logo-caine-pisica {
  position: relative;
  z-index: 1;
  width: 229px !important;
  height: 229px !important;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
body.page-cont-ong .cont-ong-logo-caine-pisica img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
body.page-cont-ong .cont-ong-user-photo-wrap {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 12px;
  overflow: hidden;
  border: 3px solid rgba(139, 92, 246, 0.35);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  background: #e8e8e8;
}
body.page-cont-ong .cont-ong-user-photo,
body.page-cont-ong .cont-ong-user-photo.user-photo-placeholder {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
body.page-cont-ong .cont-ong-user-photo.user-photo-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #dcdcdc !important;
  color: #9a9a9a !important;
}
body.page-cont-ong .cont-ong-user-photo.user-photo-placeholder .placeholder-bust {
  width: 64px !important;
  height: 80px !important;
}
body.page-cont-ong .cont-ong-username {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.4rem 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-cont-ong .cont-ong-caseta {
  flex: 1 1 280px;
  min-width: 0;
}
body.page-cont-ong .cont-ong-org-details-wrap {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #f8f8f8;
  border-radius: 8px;
  min-width: 200px;
}
body.page-cont-ong .cont-ong-org-details-wrap dt { margin-top: 0.5em; color: #555; font-weight: 600; }
body.page-cont-ong .cont-ong-org-details-wrap dd { margin: 0.15em 0 0; }
body.page-cont-ong .my-pets-grid.pets-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  margin-top: 1rem;
}
body.page-cont-ong .my-pets-grid .pet-card-img-wrap { position: relative; overflow: hidden; border-radius: 8px; }
body.page-cont-ong .my-pets-grid .pet-card-img-wrap a { display: block; position: relative; }
body.page-cont-ong .my-pets-grid .pet-card-img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; display: block; }
body.page-cont-ong .my-pets-grid .pet-card-hover-overlay {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.4); color: #fff; font-size: 0.9rem; font-weight: 600; opacity: 0;
  transition: opacity 0.2s;
}
body.page-cont-ong .my-pets-grid .pet-card-img-wrap:hover .pet-card-hover-overlay { opacity: 1; }
body.page-cont-ong .my-pets-grid .pet-card-body { padding: 10px 0 0; }
body.page-cont-ong .my-pets-grid .pet-name-title { margin: 0; font-size: 1em; }
body.page-cont-ong .my-pets-grid .pet-name-title a { color: #333; }
body.page-cont-ong .my-pets-grid .breed { font-size: 12px; color: #666; }
@media (max-width: 1200px) {
  body.page-cont-ong .my-pets-grid.pets-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767.98px) {
  body.page-cont-ong .my-pets-grid.pets-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  body.page-cont-ong .my-pets-grid.pets-grid { grid-template-columns: 1fr; }
}

/* My Pets: titlu + contoare pe același rând; filtrare după status */
.cont-mypet-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.cont-mypet-header .entry-title { margin: 0; }
.cont-mypet-counters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.cont-mypet-filter {
  padding: 0.35em 0.75em;
  font-size: 0.9rem;
  cursor: pointer;
  border: 1px solid #b5a068;
  border-radius: 6px;
  background: #f0e68c;
  color: #1b5e20;
  text-align: center;
  min-width: 2.5em;
}
.cont-mypet-filter:hover { background: #e6dc70; color: #0d3d12; border-color: #9a8b40; }
.cont-mypet-filter.active {
  background: #c9b896;
  color: #1b5e20;
  border-color: #9a8b40;
  font-weight: 600;
}
/* Filtru: afișare carduri după status / în procedură */
.mypet-filter-in-procedura .pet-card:not([data-in-procedura="1"]) { display: none !important; }
.mypet-filter-adopted .pet-card:not([data-status="adopted"]) { display: none !important; }


/* Placeholder poza utilizator – regula pentru toate cazurile când nu are poză (alb-gri + bust stilizat) */
.user-photo-placeholder {
  background: #dcdcdc !important;
  color: #9a9a9a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-photo-placeholder .placeholder-bust {
  width: 64px !important;
  height: 80px !important;
  flex-shrink: 0;
}

/* ========== POZE – umplere casetă (cover), inclusiv portret în casetă lată ========== */
/* Fără goluri stânga/dreapta: poza (portret sau landscape) umple 100%, e centrată, tăiată cu cover */
#PW .pt-strip-item--p1 img,
#PW .pt-strip-item--p3 img,
body.page-animale #PW img,
.pet-photo-anim img,
.pet-image-with-back .pet-image img,
.pet-related-card img,
#all_pets_wrap.pets-grid img.attachment-pet_single_large {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
/* Portret în casetă: umple containerul + 2px blead ca la P2 (fără dungi albe la margini) */
#PW .pt-strip-item--p1 img,
#PW .pt-strip-item--p3 img,
.pet-photo-anim img,
.pet-image-with-back .pet-image img {
  position: absolute !important;
  inset: -2px !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
}