/*
Theme Name: Cam Agriculture
Theme URI: http://www.camagriculture.com
Author: Sereyvirak
Description: The 2015 theme for WordPress that is not responsive
Version: 1.0
*/

/* ===== Base Typography ===== */
body {
  background: #FFF;
  font-family: 'Battambang','Open Sans','Lucida Sans Unicode','Lucida Sans','DejaVu Sans','Verdana','sans-serif' !important;
  color: #ccc;
  line-height: 25px !important;
}

h1,h2,h3,h4,h5 {
  font-family: 'Battambang','Hoefler Text','Liberation Serif','Times New Roman';
  font-weight: bold;
}

p.testClass {
  font-family: 'Battambang', cursive;
  color: #FF5733;
}

/* ===== Footer ===== */
#myFooter { width: 100%; background: #91C951; }

#footer {
  padding: 40px !important;
  background: #056631;
  color: #ccc;
}
#footer a { color: #ccc; }
#footer p { color: #ccc; padding-left: 10px; }
#footer h4 {
  color: #ccc;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px;
  font-family: 'Battambang';
}
#copyright {
  background: #056631;
  color: #131010;
  padding-bottom: 15px;
}

/* ===== Menu ===== */
#menu { width: 100%; background: #056631; }
.navbar { border: none !important; border-radius: 0 !important; }
/* Apply to both Khmer and English menus */
#menu-main li a,
#menu-en-menu1 li a {
  color:#FFF !important;
  font-family:'Battambang',"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif !important;
  font-size:13.5px;
}

#menu-main li a:hover,
#menu-en-menu1 li a:hover {
  background:#3c763d !important;
  color:#fff !important;
}


/* Dropdowns */
.dropdown-menu {
  margin:0 auto;
  border-radius:0;
  padding:0 !important;
}
.dropdown-menu .dropdown-menu { left:100%; top:0; }
.dropdown-menu li a { padding:10px 10px !important; }
.navbar ul.nav li:hover > ul.dropdown-menu { display:block; background:#056631; }

/* ===== Content Blocks ===== */
#main {
  margin: 0 auto;
  float: none;
  max-width: 900px; /* adjust to taste */
}
#main { min-height:400px; }
#slide { margin-top:-20px !important; }
#service { margin:15px; background:#f9f4f4; }
#service > div { padding:20px; }
#service > div > a { text-decoration:none; color:#034220; }
#service > div > a:hover { color:#0EE46F; }
#service > div > a > h5 { font-weight:bold !important; }
.title { font-weight:bold; padding:5px 0; color:#0A6F39 !important; }

.row {
  padding-left:7px;
  padding-right:7px;
  margin-left:-15px;
  margin-right:15px;
  font-family:'Battambang';
}

/* Buttons */
.btn-primary {
  color:#FFF;
  background-color:#0E5723;
  border-color:#2E6DA4;
}

/* ===== Blog ===== */
.blog-item { padding-bottom:15px; color:#222; }
.blog-img { padding-right:10px; width:300px; }
.blog-desc p { word-spacing:2px; line-height:25px; }
.blog-item h4 a { line-height:1.5 !important; color:#056631 !important; }

/* ===== Links ===== */
#top-menu a:link,
#top-menu a:visited { color:#FFF; }
#top-menu a:hover { color:#A49E9F; }
#top-menu a:active { color:#0C6314; }
.activePage a { color:#6DF781 !important; }

/* ===== Header Controls (Social + Language + Search) ===== */
.header {
  position: relative;
  min-height: 110px; /* space for logo + controls */
}
.header .row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.header .social-icons {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .social-icons li {
  list-style: none;
  display: flex !important;
  align-items: center;
  margin: 0;
  padding: 0;
}
.header .social-icons li a i {
  font-size: 28px;
  color: #056631;
}
/* Language dropdown */
.header .social-icons .lang-switcher select {
  font-size: 13px;
  height: 28px;
  padding: 2px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* Search */
.header .social-icons .follow { max-width: 200px; }
.header .social-icons .follow input.search-field {
  height: 28px;
  font-size: 13px;
  padding: 2px 6px;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
  .header .row {
    flex-direction: column;
    align-items: flex-start;
  }
  .header .social-icons {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }
  .header .social-icons .follow {
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 5px;
  }
}

/* === Language Flags === */
.lang-flags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px;
}
.lang-flags li { display: inline-block; }
.lang-flags li a img {
  width: 22px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 2px;
  transition: transform 0.2s ease;
}
.lang-flags li.active a img { border: 2px solid #056631; }
.lang-flags li a img:hover {
  transform: scale(1.1);
  border-color: #056631;
}